美文网首页
CSS-transition属性

CSS-transition属性

作者: 有想法的人 | 来源:发表于2018-08-03 10:17 被阅读14次

transition:过渡
正如其字面意思一样,transition的作用就是将CSS样式通过逐渐过渡的方式展示出来。
它的语法是:

transition: property duration timing-function delay;

property —— 指定CSS属性的name,transition效果;
duration —— transition效果需要指定多少秒或毫秒才能完成;
timing-function —— 指定transition效果的转速曲线;
(linear:以相同速度开始至结束;ease:慢速开始,然后变快,然后慢速结束;ease-in:以慢速开始;ease-out:以慢速结束;ease-in-out:以慢速开始和结束;cubic-bezier(n,n,n,n):速度曲线立方贝塞尔曲线函数;)
delay —— 定义transition效果开始的时候;

相关文章

  • CSS-transition属性

    transition:过渡正如其字面意思一样,transition的作用就是将CSS样式通过逐渐过渡的方式展示出来...

  • 成员属性、静态属性、私有属性、原型属性

    一、成员属性和成员方法在构造函数中,通过this.属性声明,或者实例化出对象后,通过“对象.属性”追加的,都属于成...

  • swift 属性(存储属性、计算属性、懒加载属性、类型属性)

    存储属性 存储属性:用于存储一个常量或变量 结构体实例赋值给常量,该实例属性不能被修改(因为结构体属于值类型,当值...

  • jQuery属性操作

    attr(属性名,属性值)操作所有属性 removeAttr(属性名) prop(属性名,属性...

  • 依赖属性|简单属性|附加属性

    依赖属性 简单理解就是属性,支持继承,比如 Window 有 Font 属性,Button 也有 Font 属性,...

  • attribpromote

    属性创建。 属性名称,属性类别,默认属性,输出属性。 属性转移,atteibutrename. 在点属性上,现有属...

  • 网站基本情况记录

    各类属性: 样例: //辅助属性:属性//可确定同表的属性:属性//其他相关属性:属性 乐器相关属性 乐器id乐器...

  • 人生三属性

    人生三属性:可分为善良属性,激情属性,愚昧属性; 三属性又分为个性三属性、时间三属性、食物三属性。...

  • 03-第三章 函数、自定义属性、事件

    一、 变量与属性的区别 属性分节点属性 和js属性节点属性 :元素自带属性js属性:js中自定义的属性 当js属性...

  • Swift--属性与下标

    存储属性 计算属性 属性观察者 静态属性 使用下标 存储属性 存储属性概念 存储属性可以存储数据,分为常量属性(用...

网友评论

      本文标题:CSS-transition属性

      本文链接:https://www.haomeiwen.com/subject/laaevftx.html