css transition in 快，out 快

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>