我想找到一种使用LESS定义和使用通用和动态关键帧的方法。下面我已经完成了一些有效的工作,但我仍然需要设置一些像这样的独特名称.slideDown(slideDown2; @start; @height); ,有没有办法让它完全通用? (根据我的解决方案,如果我使用相同的名称,每个#divid都会相同)
.slideDown(@name; @start; @end) {
@-webkit-keyframes @name {
0% { top: @start; }
100% { top: @end; }
}
-webkit-animation-fill-mode: forwards;
}
#eventspromotionsButton.in {
@width: 200px;
@height: 200px;
@start: 0px;
@end: 1000px;
width: @width;
height: @height;
.slideDown(slideDown2; @start; @height);
-webkit-animation-name: slideDown2;
}
提前致谢
编辑:伪代码是.slideDown(@start; @height);