所屬章節課程:CSS3轉換 transition-duration屬性
设置多个属性需要用逗号分隔,这个时间是和transition-property属性设置的过渡属性是一一对应的。 对应的脚本特性为transitionDuration。
2016-11-240个赞
所屬章節課程:CSS3轉場 transition-timing-function屬性
transition-timing-function的值允许你根据时间的推进去改变属性值的变换速率,transition-timing-function有6个可能值
2016-11-240个赞
所屬章節課程:CSS3過渡 transition-delay屬性
ransition-delay是用来指定一个动画开始执行的时间,也就是说当改变元素属性值后多长时间开始执行transition效果,其取值:<time>为数值,单位为s(秒)或者ms(毫秒),其使用和transition-duration极其相似,也可以作用于所有元素,包括:before和:after伪元素。 默认大小是"0",也就是变换立即执行,没有延迟
2016-11-240个赞
使用transition属性也能够实现过渡动画效果,但是略显粗糙,因为不能够更为精细的控制动画过程
2016-11-240个赞
使用transition属性可以实现动画过渡效果,但是此属性有个缺点,那就是从初始值到终止值的过渡过程可控性很差,也就是说不能够更为细致的控制动画效果
2016-11-240个赞
animation-duration:<time> [ ,<time>]* time:规定动画执行的时长,单位是秒(s)。
2016-11-240个赞
animation-iteration-count:infinite | <number> [ , infinite | <number> ]* infinite:规定动画可以无限循环。 number:明确指定动画循环的次数。
2016-11-240个赞
animation-direction:normal | alternate [ , normal | alternate ]* normal:动画正常方向运行 alternate:正常方向与反方向交替
2016-11-240个赞
column-count column-gap column-rule-style column-rule-width column-rule-color column-rule column-span column-width
2016-11-240个赞
column-rule属性用来规定列与列之间的边框样式,有点类似于border属性
2016-11-240个赞
column-count: auto || num auto:默认值,列的数目根据其他相关属性确定 num:数值,用来规定列的数目
2016-11-240个赞
column-span: none || all; none:默认值,表示不跨越任何列 all:表示跨越所有的列
2016-11-240个赞
column-width: auto|length; auto:默认值,它的值有其他的相关属性决定 length:规定列的宽度,比如100p
2016-11-240个赞
column-gap: normal | length normal:默认值,默认情况默认值就是当前字体大小 length:长度值,可以为px、em或者百分比等
2016-11-240个赞
a:link{color:red;} a.title:link{color:blue;}
2016-11-240个赞