Want to support more than 8 elements’ animation?
Right now it only support 8 elements’ animation, due to minify the CSS file size, I don’t include more element’s animation in the CSS, you can add it by yourself in the jquery.onebyone.css:
/*support the 9th element*/
.animate8{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.6s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.6s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.6s;
animation-timing-function: ease;
animation-fill-mode: both;
}
/*support the 10th element*/
.animate9{
-webkit-animation-duration: .6s;
-webkit-animation-delay: 1.8s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .6s;
-moz-animation-delay: 1.8s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .6s;
-ms-animation-delay: 1.8s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .6s;
animation-delay: 1.8s;
animation-timing-function: ease;
animation-fill-mode: both;
}