睡蓮‧池水間

Guest
2012-Feb-12  
0 位會員和 11 位訪客在線上

文章 :: 奇趣集

用 CSS 3 畫出多啦A夢

睡蓮
 
池水間 
  CSS 3 強到可以不用繪圖軟體就能畫出多啦A夢~酷!

  以下各圖是我用各種不同瀏覽器去觀看出自日本能人之手的 CSS 3 多啦A夢的結果:

左圖是用 webkit 核心的 Chrome 瀏覽器,CSS 3 支援度最好,繪出柔和自然的多啦A夢,連眼珠子也可以動起來,圖中可以看到眼珠子是向右斜望的。



右為 Safari 瀏覽器,跟 Chrome 一樣的核心引擎,CSS 3 支援度與 Chrome 的相當,眼珠子也會動,圖中的眼珠子是向前望。



Firefox 的 CSS 3 支援度雖不及前兩者高,除了向下望的眼珠子不會動外,整體效果還算ok,與前兩者無異。



Opera 的 CSS 3 支援度稍遜於 Firefox,右圖可見未能支援內陰影。



至於四四方方的多啦A夢 ....哎~慘不忍睹!是哪家瀏覽器就不用我明說了。




  有興趣測一下您的瀏覽器出來的是怎樣效果,可以進去日本人另設的獨立頁面試試看。

    «« 你需要知道的CSS3動畫技術 IE9的Acid3測試將止步於95分? »»    

專題

引用

  • 文章地址: http://waterlily-lsl.com/modules/article/view.article.php/c18/233
  • 引用地址: http://waterlily-lsl.com/modules/article/trackback.php/233

評分

10
9
8
7
6
5
4
3
2
1


 

API: RSS | RDF | ATOM

回覆及設定

    關閉


 

最 新 發 表 及 資 訊 區

此為池水間 banner ,需要安裝 Adobe Flash Player 才能觀看內容。

最新留言

最新留言:2012-Jan-6 11:13am
留言編號:76
留言者: wuji888
網主回覆:
總留言數: 71

前往萍踪留影

造訪統計

今天:242
昨天:544
本週:242
本月:6082
總計:376466
平均:292

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
登 入