css过渡的使用
过渡 一,什么是过渡(transition)? 1,transition 允许 CSS 元素的属性值在一定的时间区间内平滑地过渡。 2,可以在不使用 Flash 动画或 JavaScript 的情况下,在元素从一种样式变换为另一种样式时为元素添加效果。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变 CSS 的属性值。 二,常用属性; 1,transition 属性主要包含四个属性值: 1),用来指定当元素其中一个属性改变时执行transition效果,其主要有以下几个值:none(没有属 性改 变);all(所有属性改变)这个也是其默认值;indent(元素属性名);当其值为none时,transition马上停止执行,当指定为all 时,则元素产生任何属性值变化时都将执行transition效果; 2),transition-duration -- 定义过渡效果花费的时间,默认是 0; 3),transition-timing-function -- 允许根据时间的推进去改变属性值的变换速率, transition-timing-function有6个可能值: a、ease:(逐渐变慢)默认值 b、linear:(匀速),linear c、ease-in:(加速) d、ease-out:(减速), e、ease-in-out:(加速然后减速