首页 > Web开发 > 详细

CSS3中的过渡

时间:2019-03-19 00:11:42      阅读:180      评论:0      收藏:0      [点我收藏+]

概念:

    通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。

浏览器支持:

    IE10、Firefox、Chrome、Opera支持transition属性。

    Chrome25之前的版本和Safari浏览器需要加前缀 -webkit-。

    Firefox之前加前缀 -moz-。

    Opera之前加 -o-。

过渡属性:

    transition: 应用属性的名称 过渡效果的时间 过渡时间曲线 过渡效果延迟时间;

    应用属性的名称:添加多个属性名用逗号隔开,全部可以用all表示。

    过渡效果的时间:果时长未规定,则不会有过渡效果,因为默认值是 0。

    过渡时间曲线:默认是 "ease",也设置成"linear"。

    过渡效果延迟时间:规定过渡效果从何时开始,默认值为0。

实例:

    技术分享图片

   

CSS3中的过渡

原文:https://www.cnblogs.com/wybw/p/10556111.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!