IT入门 > 教程 > css教程 >

CSS3 animation（动画） 属性

实例 使用简写属性把 animation 绑定到一个div 元素： div{ animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第...

CSS3 animation-name 属性

实例 为 @keyframes 动画指定一个名称：： animation-name:mymove;-webkit-animation-name:mymove; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 p表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟...

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-play-state 属性

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

CSS background 属性

实例 在一个div元素中设置多个背景图像（并指定他们的位置）： body{ background: #00ff00 url('smiley.gif') no-repeat fixed center; } 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏...

CSS background-attachment 属性

实例 如何指定一个固定的背景图像： body{ background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed;} 尝试一下 » 标签定义及使用说明 background-attachment设置背景图像是否固...