css3过渡transition_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:50:04
Original
1301 people have browsed it

过渡:transition

 transition:transition-property/duration/timing-function/delay的缩写。
    transition :  ||  ||  ||  [, ... ];

    transition-property:变换的属性名。
      none、all、一个或多个(逗号分隔)。

    transition-duration:持续时间。单位s或ms。
      

    transition-timing-function:过渡效果的速度曲线。
      linear:匀速,等于cubic-bezier(0,0,1,1)
      ease:慢快慢,等于cubic-bezier(0.25,0.1,0.25,1)
      ease-in:以慢开始,等于cubic-bezier(0.25,0.1,0.25,1)
      ease-out:以慢结束,等于cubic-bezier(0,0,0.25,1)
      ease-in-out:以慢开始和结束,等于cubic-bezier(0.42,0,0.58,1)
      cubiz-bezier(n,n,n,n):【三次贝塞尔】在cubiz-bezier函数中定义自己的值,0~1。

    transition-delay:指定开始时间。默认0。
      逗号分隔多个属性的延迟时间。
      -moz-transition: color 0.3s ease-out 2s;





过度












Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!