Page Peel Banner Animation SLOW

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

Please Log in or Create an account to join the conversation.

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 :
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;
}
11 years 5 months ago #2 by andy

Please Log in or Create an account to join the conversation.

I am having a similar problem on my page
socialjustice.lcan.co.za/
4 years 8 months ago #3 by Mark Simon

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
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;
}
4 years 8 months ago #4 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum