Css中的过渡属性基本概念详解

    科技2022-07-13  114

    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 过渡所需时间 过渡方式 延迟时间(以此类推,中间以逗号隔开)

    Processed: 0.009, SQL: 8