这个机器猫有点意思

  • b
    beterhans
    用不同浏览器访问这个网页
    http://mijiale.me/dora.html
  • 7
    7
    关心 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标准的时候使出这招,不给出任何说明,作者的这种手段实在是太下流了。"
  • d
    death5343
    OPREA表示毫无压力。
  • g
    gogogo
    IE都是方块

    [本帖最后由 gogogo 于 2010-5-29 13:04 编辑]
  • 放PSONY
    用IE看感觉像狗
  • Z
    Zzommy
    这个东西只能说明一件事,就是接下来很长的一段时间,所谓的网页标准,还是空话。css依然需要hack。
  • p
    ppigadvance
    网页就看看bbs,IE就够了,不折腾。
  • 麦田麦点

    网络小白,没看懂亮点