所以我正在尝试为css3关键帧创建一个LESS mixin.链接id和类的方法通常如下:
#idOne,
#idTwo,
.classOne,
.classTwo {
...
}
Run Code Online (Sandbox Code Playgroud)
这不是什么新鲜事,也没什么大不了的.我现在正在尝试创建以下mixin
#rotate(@deg){
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
Run Code Online (Sandbox Code Playgroud)
对于以下内容:
@-webkit-keyframes wiggle {
10% { #rotate(14deg); }
20% { #rotate(-12deg); }
30% { #rotate(10deg); }
40% { #rotate(-8deg); }
50% { #rotate(6deg); }
60% { #rotate(-4deg); }
70% { #rotate(3deg); }
80% { #rotate(-2deg); }
90% { #rotate(1deg); }
100% { #rotate(0deg); }
}
@-moz-keyframes wiggle {
10% { #rotate(14deg); }
20% { #rotate(-12deg); }
30% { #rotate(10deg); }
40% { …Run Code Online (Sandbox Code Playgroud)