Css快速转换，快速转出

Question

这看起来很基本，但我无法理解。有没有一个简单的CSS方法来做cssa真正快速淡入和缓慢淡出。这是为了改变多个div上的颜色。大约0.5秒的舒适度和2秒的舒适度。

谢谢！

Answer 1

您只需更改活动状态的transition-duration，例如：

div {
  font-size: 16px;
  font-weight: bold;
  color: red;
  
  transition: all 5s;
}

div:hover {
  color: green;
  
  transition-duration: 0.5s;
}

<div>Hover over me to change the color</div>