过渡性质的细节在CSS3和样本共享

1的文法,过渡性质
{样式}
过渡性质:所有({属性} | |所有属性改变)(指定运动风格)| |没有(没有性质变化)

2的属性值,过渡属性
(1)无:转换立即停止执行。
(2)所有:当属性值发生变化时,元素将执行转换效果。
(3)属性:指定运动风格

一个,过渡属性-指定移动的样式

1的文法,过渡性质
{样式}
过渡性质:所有({属性} | |所有属性改变)(指定运动风格)| |没有(没有性质变化)

2的属性值,过渡属性
(1)无:转换立即停止执行。
(2)所有:当属性值发生变化时,元素将执行转换效果。
(3)属性:指定运动风格

二、过渡期
转换持续时间是指定元素转换过程的持续时间,单位是秒(s)。转换持续时间可以作用于所有元素,包括:前和后

伪元素。默认值是0,也就是说,转换是即时的。

三,过渡延迟-延迟时间
转换延迟用于指定动画开始执行的时间。也就是说,当元素属性值发生变化时,转换效应被执行很长时间,单位是s(秒)。

它的使用与转换持续时间非常相似,它也可以作用于所有元素,包括:在伪元素之前和之后。默认大小是0

刻不容缓。

四,过渡定时功能-指定运动的形式
定时功能:轻松过渡(慢)|线性(均匀)|缓解(加速)|自在(减速)|缓解了(先加速减少

三次贝塞尔(速度)|这个值允许你定制一时间曲线(数)、数、数、数>)

五与过渡的综合写作方法
{样式}
元素选择器{转换的样式:运动以时间运动的形式被延迟;}

六与过渡的综合相容性

1,Mozilla内核
{样式}
该元素选择器{ -moz过渡的风格:运动是时间运动形式的延迟;}

2、Webkit内核
{样式}
该元素选择器{ WebKit的过渡风格:运动是时间运动形式的延迟;}

3,歌剧内核
{样式}
风格的元素选择器{ - O转换:运动是时间运动形式的延迟;}

4,W3C标准
{样式}
元素选择器{转换的样式:运动以时间运动的形式被延迟;}



榜样效应:

复制代码代码如下所示:
一个{过渡:all.6s缓解了;- WebKit的过渡:all.6s缓解了;-moz过渡:all.6s缓解了;- O转换:all.6s缓解了;