CSS

CSS (Cascading Style Sheets) 是撰寫網頁時便於設計版面的工具,可用於處理頁面裏的各種元件;發展到 CSS 3 之後,更增加了許多圖形處理的指令 (陰影、方塊、轉向...等,甚至可以繪圖)。但各牌瀏覽器對 CSS 的具體實作有很大的差異,甚至同牌不同版本之間就有不同了,所以會因觀看者用的軟體而看不出網頁設計者費盡心思想要安排的效果。

有人便完全利用 CSS 的繪圖指令畫出圖形,不使用到任何圖片,可用來測試各瀏覽器對 CSS 3 的支援度。但要注意:這些作者為了減少作業量、或為了加強效果而用了很多各家瀏覽器自訂的指令,而非單純只用 W3C 論壇訂出的標準 CSS,因此在某些瀏覽器看不出預期效果時,並不一定都是瀏覽器的過錯

小叮噹:

小叮噹
來源:Pure CSS Design

在各瀏覽器下的效果:


在 IE 系列下的效果:




風車 (魔法禁書目錄):

禁書目錄
來源:Pure CSS Design

在各瀏覽器下的效果:




叫「茵什麼絲」的:

茵什麼絲
來源:Pure CSS Design

在各瀏覽器下的效果:




波堤獅 (Pon De Lion):

波堤獅 (Pon De Lion)
來源:Yijen's blog

在各瀏覽器下的效果:





以下的來源:Princess Party

Hello Kitty:

Hello Kitty


懶懶熊:

懶懶熊


Hello Kitty 2:

Hello Kitty 2


秋山澪 (けいおん!):

秋山澪 (けいおん!)


Lacus Clyne (機動戦士ガンダムSEED):

Lacus Clyne (機動戦士ガンダムSEED)


泉こなた (らき☆すた):

泉こなた (らき☆すた)

arrow
arrow
    文章標籤
    CSS CSS3
    全站熱搜

    Wayne Su 發表在 痞客邦 留言(0) 人氣()