小编zit*_*her的帖子

用较少的链接关键帧属性

所以我正在尝试为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)

animation css3 less css-animations

3
推荐指数
1
解决办法
2128
查看次数

标签 统计

animation ×1

css-animations ×1

css3 ×1

less ×1