IT入门 > 教程 >

CSS3 animation-duration 属性

实例 设置动画在两秒内完成: animation-duration:2s;-webkit-animation-duration:2s; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-,...

CSS3 animation-timing-function 属性

实例 从开始到结束以相同的速度播放动画: animation-timing-function:linear;-webkit-animation-timing-function:linear; /* Safari and Chrome */ 尝试一下 » 在此页底部有更多的例子。 浏览器支持 属性 animatio...

CSS3 animation-delay 属性

实例 等待两秒，然后开始动画： animation-delay:2s;-webkit-animation-delay:2s; /* Safari 和 Chrome */ 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器...

CSS3 animation-iteration-count 属性

实例 播放三次动画： animation-iteration-count:3; -webkit-animation-iteration-count:3; /*Safari and Chrome*/ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-...

CSS3 animation-direction 属性

实例 先执行一遍动画，然后再反向执行一遍动画： animation-direction:alternate;-webkit-animation-direction:alternate; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个...

CSS3 animation-fill-mode 属性

实例 把物体动画地从一个地方移动到另一个地方，并让它停留在那里： animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示...

CSS3 animation-play-state 属性

实例 暂停动画： animation-play-state:paused; -webkit-animation-play-state:paused; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -m...

CSS3 column-rule-width 属性

实例 指定列之间的宽度规则： div { -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 1px; /* Firefox */ column-rule-width: 1px;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

CSS3 column-rule-style 属性

实例 指定列之间的样式规则： div{column-rule-style:dotted;-moz-column-rule-style:dotted; /* Firefox */-webkit-column-rule-style:dotted; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

CSS3 column-rule-color 属性

实例 指定列之间的颜色规则： div{column-rule-color:#ff0000;-moz-column-rule-color:#ff0000; /* Firefox */-webkit-column-rule-color:#ff0000; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...