测试各个浏览器对CSS3的解释效果

 原文：http://knb.im/css3/

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

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

---

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



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



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



• 在iPhone OS 3.1的Safari里：



• 在IE9测试版里：



• 在IE8里：



• 在IE7里：



• 在IE6里：

本页面左侧的源代码来自这里，由于已经被墙，所以本人自建了这个页面。