純CSS繪製喬巴 2


pure css chopper.png
給大家下跪了,如果你點了下面這個連結,沒看到正常的喬巴

http://chibc.info/

請點開文章看一下吧…

今天修IE bug 搞了一下午 Q.Q

所謂的純CSS繪製,意思就是網頁中不含任何圖片,圖案是單純利用設定CSS語法組合出來

說難其實也不太難XD,只要對CSS有一定的了解,然後把圖案化為單純的幾何造型再重組成圖案就行了,一點也不困難,只是要花時間而已 XD


實際的運用…. 老實說我目前還想不到 XD

這種圖其實可以拿來做各瀏覽器的CSS3支援度測試
不過因為我只是畫好玩的,所以語法那裡並沒有設定的很仔細,是以把圖案完成就好的方式進行….

真的懂CSS的人可能會覺得我畫的很亂吧…Orz

純CSS繪製喬巴 ←點此前往

總之,如果你的瀏覽器對CSS3完全支援,點下這個連結後會看到正常的喬巴

像這樣

pure css chopper.png   

如果你的瀏覽器是有名的 IE ,嗯…. 不怎麼支援CSS的IE,你會看到很有趣的喬巴 XD

簡單來說,就是很方吧….

 

補上這隻喬巴的參考圖 XD
我家閃光送我的喬巴公仔們~

 

如果你沒看到正常的喬巴,請 參考本文 ,將IE升級 或是換成好用的 chrome Firefox 吧…
都是免費的,而且比IE好用萬倍啊!!!
(今天修IE7, IE8的 bug 搞了5個小時 Q.Q)


About chibc

chibc《暗月之鏡》 從高中網路開始普及就開始成為重度網路使用者,早期主要活動集中於巴哈姆特。
G+ CHIBC


看完有什麼想和版主講的,沒有就留個「閱」吧

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 thoughts on “純CSS繪製喬巴

  • Lock Chou

    不賴耶~ 我也在玩Pure CSS,不過我刻的是Logo,你的比較可愛。
    版主回覆:(12/29/2011 01:26:42 AM)
    我沒有設計底子,都自修然後亂搞的啦 XD
    畫喬巴是有趣多了

  • 逸凡 蕭

    剛剛用IE9來看…超有喜感的…嘆..IE來是老樣子
    版主回覆:(03/14/2012 06:44:56 AM)
    不知道為啥IE就是不配合W3C,是一種市場策略嗎?