让机器猫来测试下你的浏览器

本页面用于测试各个浏览器对CSS3的解释效果，文章中的机器猫“图像”并非图片，而是纯CSS。目前各个浏览器对CSS3的支持效果不一样，其中IE系的浏览器支持效果最差。

副作用：你可以对照左右的“图片”来判断你使用的是什么浏览器。

查看演示：http://blog.yotuo.net/tools/css3.html

• 效果最好的是Webkit系浏览器，包括Safari (4.05)和Chrome (5.0)等，看到的效果如下截图，而且眼睛还能动：

  

• 效果在其次的是Firefox (3.6)，效果和Safari的一样，但眼睛不能动。

  

• 在Opera (10.53) 里，图像没有了渐进层：

  

• 在iPhone OS 3.1的Safari里：

  

• 在IE9测试版里：

  

• 在IE8里：

  

• 在IE7里：

  

• 在IE6里：

   

 

 

 

本文来自http://blog.yotuo.net