Page Peel Banner Animation SLOW
- Posted by Circuz (1) Offline
I installed this module and swapped the pictures out with my own, the animation to peel down is very slow and doesn't line up with the revealing portion. You can hover over the peel and see for yourself.
The peel down effect and the revealing of the image are out of sync/slow and don't coordinate. I'm not sure if I can tweak the settings or if it has to do with the image I am using. The link is autoguarantee.ca and if anyone could help or provide some information/help that would be great.
11 years 5 months ago #1
by Circuz
The peel down effect and the revealing of the image are out of sync/slow and don't coordinate. I'm not sure if I can tweak the settings or if it has to do with the image I am using. The link is autoguarantee.ca and if anyone could help or provide some information/help that would be great.
Please Log in or Create an account to join the conversation.
- Posted by andy (759) Offline
It looks like there's css rules coming from your template that slows the animation.
an you try to edit this file :
www.autoguarantee.ca/templates/shaper_desire/css/css3.css
then remove or comment these lines :
11 years 5 months ago #2
by andy
an you try to edit this file :
www.autoguarantee.ca/templates/shaper_desire/css/css3.css
then remove or comment these lines :
img {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
Please Log in or Create an account to join the conversation.
- Posted by Mark Simon (1) Offline
I am having a similar problem on my page
socialjustice.lcan.co.za/
4 years 8 months ago #3
by Mark Simon
socialjustice.lcan.co.za/
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5261) Offline
Hi Digiwork,
It because your template added a global animation delay, please try to remove these lines below from
socialjustice.lcan.co.za/templates/lt_ps...page/css/default.css
4 years 8 months ago #4
by TemplatePlazza
It because your template added a global animation delay, please try to remove these lines below from
socialjustice.lcan.co.za/templates/lt_ps...page/css/default.css
h1, h2, h3, h4, h5, h6, span, i, em, .button, p, .lt-team-bottom-button, span:before, .lt-client-item {
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
Please Log in or Create an account to join the conversation.