汉堡菜单图标过渡问题scss

Question

我在尝试包含all关键字的transition属性时遇到了一些麻烦。

我已经包含了一个小提琴，我觉得我犯了一个简单（或愚蠢）的错误或其他什么？我发现all关键字工作正常吗？它在选择它们时似乎在.on类上工作正常吗？

为什么基类使用

// not working
transition: 0.2s transform, 0.2s all 0.4s;
// working
transition: 0.2s transform, 0.2s top 0.4s, 0.2s margin-top 0.4s;

https://jsfiddle.net/us2196np/2/

Answer 1

我认为它是关于优先级的

look

transition: 0.2s all 0.4s, transform 0.2s ;

我的意思是fisrt它设置过渡到所有样式然后它重写转换