码迷,mamicode.com
首页 > Web开发 > 详细

CSS3中的过渡

时间:2019-03-19 01:09:06      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:strong   info   .com   firefox   javascrip   com   css3   asc   ref   

概念:

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

浏览器支持:

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

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

    Firefox之前加前缀 -moz-。

    Opera之前加 -o-。

过渡属性:

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

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

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

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

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

实例:

    技术图片

   

CSS3中的过渡

标签:strong   info   .com   firefox   javascrip   com   css3   asc   ref   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!