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; }