提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
提示:以下是本篇文章正文内容,下面案例可供参考
一、过渡
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
语法规则:
选择器{
transition:property duration timing-function delay
}
transition属性显示简单的动画效果
transition属性是一个复合属性,主要包含property、duration、timing-function、delay等子属性
transition属性的常用子属性主要包括:
property:规定应用过渡的CSS属性的名称
取值:none:没有属性会获得过渡效果
all:默认值,所有属性获得过渡效果
duration:定义过渡效果花费的时间
取值:time:以秒或者毫秒计数,为0则没有任何效果
timing-function:规定过渡效果的时间曲线
取值: linear:规定以相同速度开始至结束的过渡效果
ease:规定慢速开始,然后变快,然后慢速结束的过渡效果
ease-in:规