通用关键帧

时间:2016-05-31 07:45:15

标签: css less css-animations keyframe

我想找到一种使用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);

0 个答案:

没有答案