AnimateWP is the first Wordpress Plugin which gives you the ability to add amazing Greensock animations easily without any programming skills.
Every single animation is based on Greensock - the ultra high-performance, professional-grade HTML5 animation framework for the modern web. Learn more about Greensock here.
span:nth-child(5) {
-webkit-transition: all 0.1s ease 0.4s;
-moz-transition: all 0.1s ease 0.4s;
-o-transition: all 0.1s ease 0.4s;
-ms-transition: all 0.1s ease 0.4s;
transition: all 0.1s ease 0.4s;
}
span:nth-child(4) {
-webkit-transition: all 0.1s ease 0.3s;
-moz-transition: all 0.1s ease 0.3s;
-o-transition: all 0.1s ease 0.3s;
-ms-transition: all 0.1s ease 0.3s;
transition: all 0.1s ease 0.3s;
}
span:nth-child(3) {
-webkit-transition: all 0.1s ease 0.2s;
-moz-transition: all 0.1s ease 0.2s;
-o-transition: all 0.1s ease 0.2s;
-ms-transition: all 0.1s ease 0.2s;
transition: all 0.1s ease 0.2s;
}
span:nth-child(2) {
-webkit-transition: all 0.1s ease 0.1s;
-moz-transition: all 0.1s ease 0.1s;
-o-transition: all 0.1s ease 0.1s;
-ms-transition: all 0.1s ease 0.1s;
transition: all 0.1s ease 0.1s;
}
span:nth-child(1) {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
}
div:hover span {
opacity: 1;
left: 50px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
div:hover span:nth-child(2) {
left: 120px;
}
div:hover span:nth-child(3) {
left: 175px;
}
div:hover span:nth-child(4) {
left: 230px;
}
div:hover span:nth-child(5) {
left: 280px;
}
Play, pause and restart your timelines on the fly. Control the progress of your animations based on the browser scrollbar, if you want to.
AnimateWP, which is based on the Greensock Animation Platform (GSAP), is up to 20x faster than jQuery. It's even faster than CSS3 animations in most cases.
No more Browser compatibility issues, no more vendor prefixes. CSS3 animations don't work with IE9, they do with AnimateWP.
Various easing methods, alljust one click away. Every adjustment done in a few seconds with AnimateWP's clear interface.
Colors, complex values like boxShadow and almost any other css property. Animate a single object or multiple at once.
Just define a selector via class or id and you are ready to go. No coding knowledge required.
Our documentation ensures that you can get the best out of your animations in no time at all.
We answer your questions and are updating the plugin constantly.