CSS3測試之——QQ企鵝
自從HTML5還有CSS3草案公佈以來，國內興起了一股學習的熱潮，再包括JS2，這些都是未來WEB前端所發展的方向。做為一個WEB前端人員，必需要時刻關注前沿知識，不然等待的只有淘汰。不過，就我在公司接觸的一些項目的統計來看，IE6還是瀏覽器佔有率的大頭，超過半數。所以，想迎來全面支援html5/css3的時代，恐怕還是有點遙遠。
言歸正傳，當前關於CSS3，有個挺有名的機器貓測試頁面，說測的是不同瀏覽器對CSS3的支援情況。本民工找來研究了一下，實很大噱頭在裡面，不知是有意還是無意，造成了在IE各版本下表現不一的狀況，好像有點故意打壓IE的嫌疑，雖然我也不喜歡IE。其實總的說來，要麼就是支援，要麼就是不支援，其實FF以及其它webkit內核的瀏覽器當前也不是真正支援CSS3，而是用各自的私有屬性來支援而已。
不過看完之後，突發其想，想畫一個QQ企鵝。說幹就幹，花了半天的時間，我承認也有參考下機器貓的代碼，但是這只企鵝在不同瀏覽器下沒有那麼多的形態，只有支援與不支援兩種。如下：
![]( "Flash2u")
圖片：qq.jpg
![]( "圖片：qq.jpg")
IE9以下的IE版本，會是左邊那種情況；FF等webkit內核的瀏覽器會是右邊那種情況（opera下沒有肚皮上的陰影），當然，版本不要太低。
看效果：http://www.moondyzone.com/css/599.html
自從HTML5還有CSS3草案公佈以來，國內興起了一股學習的熱潮，再包括JS2，這些都是未來WEB前端所發展的方向。做為一個WEB前端人員，必需要時刻關注前沿知識，不然等待的只有淘汰。不過，就我在公司接觸的一些項目的統計來看，IE6還是瀏覽器佔有率的大頭，超過半數。所以，想迎來全面支援html5/css3的時代，恐怕還是有點遙遠。
言歸正傳，當前關於CSS3，有個挺有名的機器貓測試頁面，說測的是不同瀏覽器對CSS3的支援情況。本民工找來研究了一下，實很大噱頭在裡面，不知是有意還是無意，造成了在IE各版本下表現不一的狀況，好像有點故意打壓IE的嫌疑，雖然我也不喜歡IE。其實總的說來，要麼就是支援，要麼就是不支援，其實FF以及其它webkit內核的瀏覽器當前也不是真正支援CSS3，而是用各自的私有屬性來支援而已。
不過看完之後，突發其想，想畫一個QQ企鵝。說幹就幹，花了半天的時間，我承認也有參考下機器貓的代碼，但是這只企鵝在不同瀏覽器下沒有那麼多的形態，只有支援與不支援兩種。如下：
圖片：qq.jpg
IE9以下的IE版本，會是左邊那種情況；FF等webkit內核的瀏覽器會是右邊那種情況（opera下沒有肚皮上的陰影），當然，版本不要太低。
看效果：http://www.moondyzone.com/css/599.html