文本悬停时的过渡颜色

Question

我想要在我的文字上的 2 种颜色之间进行过渡。这是我的尝试：

.accords-mets-et-vins {
  color: #1E1E1F;
  transition: color 300ms;
  &:hover {
    color: #FFB400;
  }
}

<a class="accords-mets-et-vins" href={$URL}>{$TITLE}</a>

我无法获得这 300 毫秒的过渡。请问怎么做？谢谢

Answer 1

此代码语言是 SCSS - CSS 预处理器。您的示例运行良好（检查此代码笔示例，其中 SCSS 设置为样式语言，而不是 CSS：https://codepen.io/sigurdmazanti/pen/RwjYWZM）

代码从 SCSS 重写为 CSS：

.accords-mets-et-vins {
   color: #1E1E1F;
   transition: color 300ms;
}

.accords-mets-et-vins:hover {
   color: #FFB400;
}

<a class="accords-mets-et-vins" href=#>test</a>

Transition color on text hover