如何在Stylus中制作通用转换规则

Question

我正在尝试在Stylus中执行通用转换规则。我的功能只是特别有用。它返回给我一个字符串'所有缓入输入0.2s'而不是规则，并且它在浏览器中不起作用，因为它在单引号内。

是否可以返回纯css规则？谢谢你的帮助。

getTransition(affect = 'all', animationRule = 'ease-in-out', time = 0.2)
  return affect + " " + animationRule + " " + unit(time, 's')

呼叫

transition: getTransition('opacity')

结果

transition: 'opacity ease-in-out 0.2s';

Answer 1

调用函数时删除参数中的引号：

<强>手写笔

getTransition(affect = 'all', animationRule = 'ease-in-out', time = 0.2)
  return affect + " " + animationRule + " " + unit(time, 's')

div
  transition: getTransition(opacity)

<强> CSS

div {
  transition: opacity ease-in-out 0.2s;
}