transition属性是个复合属性，包括以下几个子属性：

transition-property ：规定设置过渡效果的css属性名称，常用值 “all”全部css属性进行动画效果添加

transition-duration ：规定完成过渡效果需要多少秒或毫秒

transition-timing-function ：指定过渡函数，规定速度效果的速度曲线

transition-delay ：指定开始出现的延迟时间


过渡函数主要介绍：

linear：规定以相同的速度开始至结束的过渡效果。
ease：规定慢速开始逐渐变快然后慢速结束的过渡效果。
ease-in：规定以慢速度开始的过渡效果。
ease-out：规定以慢速度结束的过渡效果。
ease-in-out：规定以慢速开始至结束的过渡效果。

transition属性_css

  • hover效果实现：
div {
  width:200px;
  height:200px;
  background-color:red;
  transition:all .2s linear;   // all => 全部执行 200毫秒内执行完成 以线性方式执行
}

div:hover{
  background-color:yellow;
}