smother image resizser

Go down

smother image resizser

Post by APE on November 20th 2013, 7:50 pm

Hi all i have done this http://help.forumotion.com/t128309-adding-signature-limitations
and i put inplace the code to use hover over but what i would like is for the image to get bigger more smoother then just jumping to full size what is the code for it ?

any help will be good

Thanks
Ape Neutral
avatar
APE
Administrator
Administrator

Male Posts : 12050
Reputation : 1209
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: smother image resizser

Post by Ange Tuteur on November 20th 2013, 8:18 pm

Hello APE!

Just add the transition property to the first code:
Code:
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
transition:0.5s;
}
Adjust the amount of time for the transition to complete. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Re: smother image resizser

Post by APE on November 23rd 2013, 7:14 pm

Thank you @ SethC1995

It sort of worked but i wanted it to more fade in and out really slow
avatar
APE
Administrator
Administrator

Male Posts : 12050
Reputation : 1209
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: smother image resizser

Post by Ange Tuteur on November 24th 2013, 2:56 am

Did you try increasing the transition value?

You can try with 5 seconds:
Code:
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
transition:5s;
}
The higher the transition value, the longer it takes for the transition to finish.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum