2010年5月28日星期五

用CSS生成的多啦A夢(機械貓)

日本有位 CSS 達人利用 CSS 造出了一幅多啦A夢的圖像,而這圖像在不同的瀏覽器會有不同的效果及形態,以下是我利用多個不同版本瀏覽器所測試出來的結果:


線條及顏色層次以 Firefox 3.6 及 Chrome 4.1 最鮮明,而 Chrome 版本更可看到多啦A夢的雙眼是會動的!至於 Firefox 3.0 則沒有了漸變色彩,所有斜線都變了橫線,而且腳部的孤度只能做到半圓效果。Opera 版沒有陰影,而漸變的效果不夠強烈,曲線方面都尚算理想。最慘不忍睹的是 Internet Explorer,在沒有曲線之下,IE8 還可以看得出是一隻「機械貓」,可是 IE6 卻變得體無完膚。

暫時只測試了這幾個版本的瀏覽器,有興趣可以到以下網址測試一下,看看你的瀏覽器會變出什麼樣的多啦A夢來:http://p.ly/QyrW6

相關評論:
http://www.cnbeta.com/articles/112032.htm

沒有留言: