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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值