CSS--过渡

故事扮演 提交于 2019-11-30 01:47:52

过渡

CSS的属性值,在一段时间内平缓的变化

1、transition-property:

    取值:(1)all,能使用过渡的属性,一律使用过渡体现

                (2)具体的过渡属性名称

        能够使用过渡的属性:颜色属性,取值为数字的属性,转换,阴影,渐变,visibility

2、transition-duration:设置时间

3、指定过渡时间曲线函数

transition-timing-function:

取值:

    (1)ease 默认值,慢速开始,速度加快,慢速结束

    (2)linear匀速

    (3)ease-in 慢--快

    (4)ease-out 快-慢

    (5)ease-in-out 慢速开始,慢速结束,中间先加速后减速

4、指定过渡元素的延迟时间

transition-delay:

取值:以s为单位的数字

5、过渡属性编写的位置

(1)将过渡元素写在元素声明的样式中,有去有回

(2)将过渡放在触发的操作中(hover),只管去不管回

6、过渡的简写

transition: property duration timing-function delay;

最简洁方式:transition:duration

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!