zoukankan      html  css  js  c++  java
  • webkittransition [CSS3]

    -webkit-transition : property, duration, timing-function, delay;

    1. Property : css属性 。

    2. Duration : 过渡持续的时间,以秒为单位(如:0.75s)。

    3. Timing function :  计时功能,控制duration如何计时,可快可慢。

    4. Delay : 延迟,动作触发后多久开始产生过渡效果(如:0.75s)。

     

    property:width | height | opacity ......( all 包括所有css属性)

    duration | delay : 1s | 0.75s | 0s

    timing function : cubic-bezier(x1, y1, x2, y2)[X和Y的值用于定义计时功能的贝塞尔曲线形状,位于0到1之间 ] | linear[匀速] | ease[渐慢] | ease-in[加速] | ease-out[变慢] | ease-in-out[加速然后变慢]

    贝赛尔曲线如下:

    P1(x1,y1)

    P2(x2,y2)

  • 相关阅读:
    android测试点汇总
    Java Web应用调优线程池
    大型网站架构技术一览
    如何用消息系统避免分布式事务
    VMware Tools安装
    Git
    构架分布式队列编程
    排序算法概述
    ThreadLocal使用和原理
    JVM常用参数配置
  • 原文地址:https://www.cnblogs.com/mahatmasmile/p/2867150.html
Copyright © 2011-2022 走看看