CSS过渡-Transitions

transition: 过渡属性 过渡时长 运动速度 延迟时间;

-transition-property

transition-duration

transition-timing-function

transition-delay

-过渡三要素

​ 1.1必须要有属性发生变化
​ 1.2必须告诉系统哪个属性需要执行过渡效果
​ 1.3必须告诉系统过渡效果持续时长

-要有过渡触发

1、:hover 鼠标悬停触发

2、:active 用户单击元素并按住鼠标时触发

3、:focus 获得焦点时触发

4、@media触发 符合媒体查询条件时触发