以下 css 过渡效果未在 Sass 中编译,并且我收到以下错误消息。
Line 10 of _brightness.scss: $color: 100% is not a color for `red'
这在我的网站上有效,但我认为 Sass 的更新破坏了我的效果并使其返回上述错误。以下是我带有悬停效果的过渡,它不起作用。
.viewimage img {
-webkit-filter: brightness(100%);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.viewimage:hover img {
-webkit-filter: brightness(80%);
}
有谁知道为什么会发生此错误以及适当的解决方法是什么?
感谢"Nico O"建议链接,使用以下代码找到了修复程序。
.viewimage img {
@include filter(#{"brightness(1)"});
@include transition(all 0.2s ease-in-out);
}
.viewimage:hover img {
@include filter(#{"brightness(0.8)"})
}