css的过渡效果以及动画

纯干货 只有命令 和命令的使用方式

1.过渡

使得css属性值，在一段时间内平滑变换的一个效果
 1.过渡效果四要素
    1.指定过渡元素
      指定那个属性值在变化时需要使用过渡效果
    2.指定过渡时间
      多长时间完成过渡
    3.指定过渡时间的快慢
      过度变换中的快慢
    4.指定过渡到延迟时间
      当激发过渡后，等待多长时间才激发效果
  2.过渡属性
    1.指定过渡属性
      属性:transition-property
      取值 none | all | property-name
      nmne：没有效果
      all全部的元素都加上过渡效果
      property-name:要使用过度效果的属性名
    Ex：
      1.transition-property：background；背景颜色发生改变时使用过渡效果
      2.transition-property：border-radius；边框倒角发生改变时使用过渡效果
可以使用过渡效果的场合：
      1.颜色属性 2.取值为数字的属性 3.转换属性 4.渐变属性
      5.阴影属性 6.visibility (显示效果)
2.指定过渡时长
属性：transition-duration
取值 s| ms 秒 毫秒
默认值为零0s 即没有过渡效果
3.指定过渡时间速率
属性:transition-timing-function
取值：
1.ease 默认值，先满