最近这个多拉A蒙的CSS3的演示在网上很流行，关心HTML5和CSS3的的开发者可能都已经见过了。这个网页所表达的意思就是：使用Webkit引擎的Safari和Chrome对CSS3的实现最好，Firefox其次，因为Firefox无法实现CSS3的动画效果，使得多拉A蒙的眼睛动画渲染失败，其他浏览器CSS3渲染的表现则很差。但事实真的是这样吗？打开页面源代码，看看眼睛的动画是怎么实现的:
div.black_eye{
position:absolute;
width:15px;
height:15px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#333;
z-index:21;
-webkit-animation-name: cate;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 200;
}
用这么多 -webkit- 开头的属性来演示CSS3，真的是很滑稽。不管Firefox也好，IE也好，都有很多独有的特性，要作一个其他浏览器不能渲染的页面太容易了。但是在演示CSS标准的时候使出这招，不给出任何说明，作者的这种手段实在是太下流了。"
position:absolute;
width:15px;
height:15px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#333;
z-index:21;
-webkit-animation-name: cate;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 200;
}
用这么多 -webkit- 开头的属性来演示CSS3，真的是很
3
0
来自: Solidot
分享到：
相关阅读：
· IE 时代终落幕(2012-05-21 21:16)· Chrome超越IE成全球第一大浏览器(2012-05-21 15:40)
· 微软拟以IE为Win8平板唯一浏览器 或遭调查(2012-05-15 15:32)
还没有人对此新闻发表评论，第一个发表评论。