最新消息:

CSS3动画之:滚动进度条

CSS feifei 3021浏览

效果图:(静态的哦)

CSS3动画之:滚动进度条

CSS3样式代码如下

PS:请注意background-size这个属性:在上面的例子中有如下代码:

其中,background-size有两组参数,两组参数的设定值分别和background-image中的两组linear-gradient对应,即:20px 20px 对应第一组linear-gradient;100% 100%对应第二组 linear-gradient

jsfiddle.net在线预览/编辑地址

http://jsfiddle.net/huanmie913/GPRLd/css3animationprogress/

 静态页面效果直接查看/下载

http://www.ffasp.com/plugs/css3/progress.htm

转载请注明:飞飞的个人网站 » CSS3动画之:滚动进度条