css的过渡总结
语法:transition:属性名 延迟时间;
1.需要控制元素(必要属性):transition-property:元素1,元素2,元素3;
2.过渡需要的时间(必要属性):transition-duration: /s;或者/ms; ps:1s=1000ms
3.过渡方式(非必要):transition-timing-function: 默认值为ease(变速)
其他属性值有:①linear 匀速
②ease-in 慢速开始,快速结束
③ease-out 快速开始慢速结束
④ease-in-out 慢速-快速-慢速
4.过渡的延迟时间(非必要):transition-delay:默认值为0 单位:/s;或者/ms;
以上为过渡常用的基本属性值,实际开发中一般使用简写:
控制单个样式transition:属性名 过渡所需时间 过渡方式 延迟时间
控制多个样式transition:属性名1 过渡所需时间 过渡方式 延迟时间,属性名2 过渡所需时间 过渡方式 延迟时间(以此类推,中间以逗号隔开)