
以上的截图并非图片生成!而是网友用div+css3生成的机器猫效果,而且没有采用html5,由于浏览器的差距,在chrome浏览器下,它的眼睛还是会动的!
以下是效果截图是各浏览器的演示效果。
说明:本页面用于测试各个浏览器对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里:
