Question

我正在尝试执行以下转换mixin：

transition(number = 0.2s)
-webkit-transition all number linear
-moz-transition all number linear
-o-transition all number linear
-ms-transition all number linear
transition:all number linear

但我的输出是：

.partners li:hover {
    -webkit-transition: all all linear;
    -moz-transition: all all linear;
    -o-transition: all all linear;
    -ms-transition: all all linear;
    transition: all all linear;
}

我做错了什么？

Answer 1

你想创建一个mixin，所以你不想重复自己。因此，在创建它时，不要在调用mixin时给出一个参数（在你的情况下为0.2s）。

transition(number)
  -webkit-transition all number linear
  -moz-transition all number linear
  -o-transition all number linear
  -ms-transition all number linear
  transition:all number linear

.partners li:hover
  transition(0.2)

应创建以下CSS。这是你想要的吗？

.partners li:hover {
  -webkit-transition: all 0.2 linear;
  -moz-transition: all 0.2 linear;
  -o-transition: all 0.2 linear;
  -ms-transition: all 0.2 linear;
  transition: all 0.2 linear;
}

另请检查nib以获得更轻松的跨浏览器混音。

手写笔mixin不起作用

1 个答案: