在lesscss中循环

时间:2015-05-19 08:28:54

标签: less

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

0 个答案:

没有答案