zoukankan      html  css  js  c++  java
  • css3整理--transition

    transition语法:
        transition : [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
            [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]*
        第一个参数:transition-property,执行变换的属性(当属性发生变化时,不直接进行变化,而是以动画的形式逐渐变化)
              取值包括:
                  none:没有属性变化
                  all:(默认值)所有属性都变化
                  indent:指定的属性
        第二个参数:transition-duration,执行变换需要的时间
             取值:
                0:默认值,立即执行完毕
                整数:单位为s或者ms
        第三个参数:transition-timing-function,速率变化
            取值:
              1、ease:逐渐变慢
              2、linear:匀速
              3、ease-in:加速
              4、ease-out:加速
              5、ease-in-out:加速然后减速
              6、cubic-bezier:自定义,例如(0.25,0.5,0.75,1),设定四个0-1之间的数字
        第四个参数:transition-delay,delay时间,多长时间之后执行
            取值同transition-duration

        
  • 相关阅读:
    JAVA与编译语言及解释语言的关系
    Java虚拟机工作原理详解
    VMWare 网络连接模式(bridged、NAT、host-only)详解
    Ubuntu修改语言环境为英文
    Ubuntu安装和设置SSH服务
    Eclipse NDK 配置
    2018年长沙理工大学第十三届程序设计竞赛
    埃森哲杯第十六届上海大学程序设计联赛春季赛暨上海高校金马五校赛
    算法训练 安慰奶牛
    算法训练 最短路
  • 原文地址:https://www.cnblogs.com/charling/p/3624777.html
Copyright © 2011-2022 走看看