[div]賴在家裡的賴家裡的家裡[/div]

最近在網路上看到一個很有趣的畫面
全都是用CSS寫成的，動畫也用animation表示在CSS裡面
^{沒有用到任何一張圖或JQuery喔~}

重點是
每看到一個畫面
有著好奇心和實驗精神的我們
一定要拿出三個瀏覽器來比較一下有什麼差別~^.<





圖一、
是在宇宙最強搜尋引擎的瀏覽器Google Chrome中顯示的畫面
除了眼睛留白處有一咪咪卡到邊外加虛線，整體上還是蠻漂亮的
重點是，她的頭髮還會動喔！！
每次做個東西看到Chrome的呈現
心裡奇蒙子就是一個爽字，『冰U，順啦！』





圖二、
緊接著就是沒怎麼接觸到Google但又不想用IE的人常使用的火狐FireFox
嗯，雖然差得沒有太多，但有時候一點點就夠多了
眼睛的部分有些破掉，不過勉強還能看
可惜的是完全變成像一張圖這樣，無法呈現動畫



 
圖三、
就是傳說中的語法必爆老人家必用的IE…「全爆！」
真是病得好重啊…(嘆)
但都這麼深的被傷害了，還是有很多人仍然深愛著IE
家裡只能試著奉勸世人，就算要愛，也不要愛得太盲目。(茶)


於是上班時閒聊(=開會)的結果是
我們沒有要為了配合IE去做爛的東西讓它能顯示啊(菸~)

我們的網站，就是打死不支援IE啊！(熱血)

『網站最佳瀏覽效果請選擇Chrome或FireFox等級瀏覽器，若未安裝請連此下載，謝謝合作。』這樣

來源網址

來源作者標示 ↓
These are Samples drawn with CSS3 only, with no images. by @shop_dd
Return to Pure CSS Design. Read about the CSS3 Gununu Index on shop DD.


延伸閱讀(之前此畫面的同一作者還用CSS寫出了哆啦A夢(太強了吧)
也有人以該畫面做出不同瀏覽器的比較) ↓
就是教不落－很想學CSS嗎？先讓哆啦A夢教你CSS在各瀏覽器下有什麼不同吧！