• CSS3: transition- 系列


    transition: property duration timing-function delay;

    前两个是必设属性

    transition-property:规定应用过渡效果的CSS属性的名称

    all:默认值所有属性都将获得过渡效果

    none:没有属性会获得过渡效果

    property:定义应用过渡效果的CSS属性名称列表,列表以逗号分隔

    详情

    transition-duration:完成过渡效果需要花费的秒或毫秒

    time:2s,2ms 完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是0,意味着不会有效果

    详情

    transition-timing-function:规定过渡效果的速度曲线

    linear:以相同速度开始至结束

    ease:默认值。慢速开始,变快,慢速结束

    ease-in:慢速开始

    ease-out:慢速结束

    ease-in-out:慢速开始和结束

    cubic-bezier(n,n,n,n): 0 <= n <=1

    详情

    transition-delay:规定过渡效果何时开始

    默认值:0

    值:秒或毫秒

    寻找爱
  • 相关阅读:
    Vue3.0
    Vue
    Vue
    Vue3.0
    Vue
    Vue
    Vue
    Vue
    Vue3.0
    万字长文|十大基本排序,一次搞定!
  • 原文地址:https://www.cnblogs.com/carolina/p/5498115.html
Copyright © 2020-2023  润新知