css3兼容性处理

最新推荐文章于 2022-03-10 17:21:15 发布

沏欢

最新推荐文章于 2022-03-10 17:21:15 发布

阅读量350

点赞数

文章标签： css3 css javascript

本文链接：https://blog.csdn.net/yhl_nsd/article/details/122859841

版权

这篇博客探讨了CSS3中新增的transition属性和背景渐变语法，以及JavaScript中如何清除过渡效果。通过示例展示了如何使用`transitionend`和`webkitTransitionEnd`事件监听过渡结束，为网页动态效果的实现提供了技术指南。

摘要由CSDN通过智能技术生成

css3:

/*新属性：*/
transition: all 1s; 
-webkit-transition: all 1s;
/*新增取值：*/
 background: -webkit-linear-gradient(red, yellow);

js:

div.style.transition = 'none;
div.style.webkitTransition = 'none;

事件：

div.addEventListener('transitionend', function () {});		//使用addEventListener监听事件
div.addEventListener('webkitTransitionEnd', function () {}); //事件名采用驼峰命名

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沏欢

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3兼容性处理

css3:/*新属性：*/transition: all 1s; -webkit-transition: all 1s;/*新增取值：*/ background: -webkit-linear-gradient(red, yellow);js:div.style.transition = 'none;div.style.webkitTransition = 'none;事件：div.addEventListener('transitionend', function () {});
复制链接

扫一扫