Sass Ruby 过渡筛选器效果错误消息



以下 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)"})
}

相关内容

  • 没有找到相关文章

最新更新