Chinaunix首页 | 论坛 | 博客
  • 博客访问: 29952814
  • 博文数量: 708
  • 博客积分: 12163
  • 博客等级: 上将
  • 技术积分: 8240
  • 用 户 组: 普通用户
  • 注册时间: 2007-12-04 20:59
文章分类

全部博文(708)

分类: 系统运维

2011-11-29 09:44:00

Apple的CSS Reference(本来想添加个连接方便大家,可这里的连接自动在前面加http,真正链接在下面。。。)

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Introduction.html#//apple_ref/doc/uid/TP40002050


最近这个多拉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标准的时候使出这招,不给出任何说明,作者的这种手段实在是太下流了。"
阅读(1812) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~