.whatWeDoLoop(@counter) when (@counter > 0) {
.whatWeDoLoop((@counter - 1)); // next iteration
.st-theme-icon:nth-child(2n+@counter) {
-webkit-transition: all (0.3s * @counter) 0.3s;
}
}
.whatWeDoLoop(4); // launch the loop
.st-theme-icon {
-webkit-transform: translate(0, 10px);
opacity: 0;
filter: alpha(opacity=0);
}
.css3-effect .st-theme-one-page-visible .st-theme-icon {
-webkit-transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=1);
}
我有4列,希望每列都有差异转换时间。
我尝试使用此代码,但css文件渲染不适合我的选项。
结果:
.st-theme-icon:nth-child(2n+@counter){-webkit-transition:all(0.3s) 0.3s;}