一个动做的完成若是没有过分阶段就会显得很生硬,也很不美观,那么今天咱们介绍的这个属性就是过分属性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):自定义过渡效果的值