transition过渡属性

一个动做的完成若是没有过分阶段就会显得很生硬,也很不美观,那么今天咱们介绍的这个属性就是过分属性transition,这个标签的做用就是让动做有个过渡的过程。
css

1. transition过渡属性:css3

过渡元素是元素从一种形态逐渐改变为另外一种效果spa

(1) 规定但愿吧效果添加到哪一个css3属性上it

(2) 规定效果的时长io

2. transition其余转换属性function

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

transition-property:none | all | property;im

none:没有属性得到过渡效果时间

all:全部属性得到过渡效果标签

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


transition-duration 定义过渡效果花费的时间,默认值为0


transition-timing-function 规定过渡效果的时间曲线,默认值“ease”

linear:规定以相同速度开始至结束的过渡效果

ease-in:规定以慢速开始的过渡效果

ease-out:规定以慢速结束的过渡效果

ease-in-out:规定以慢速开始和慢速结束的过渡效果

cubic-bezier(n,n,n,n):自定义过渡效果的值

相关文章
相关标签/搜索