【总结】各大常用浏览器兼容性代码

本文探讨了不同浏览器内核(如火狐、WebKit、Opera等)如何影响CSS过渡效果的表现,并通过示例代码展示了如何为不同浏览器定制CSS过渡属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

各个浏览器的内核不同,导致相同的代码,浏览器显示出来的效果不同
 
【 -moz 】
 /* Firefox 4 */
-moz-transition:width 2s;
-moz-transition-timing-function:linear;
 
【 -webki 】
/* Safari and Chrome */
-webkit-transition:width 2s;
-webkit-transition-timing-function:linear;
 
【 -o 】
/* Opera */
-o-transition:width 2s;
-o-transition-timing-function:linear; 

【 -ms 】
/* IE(>=IE9)  */
-ms-transition:width 2s;
-ms-transition-timing-function:linear; 

转载于:https://www.cnblogs.com/59muyu/p/4632616.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值