作者hanasan (永遠猜不透)
看板Web_Design
標題[心得] Pure CSS Design - 波堤獅 (Pon De Lion) with CSS3
時間Mon May 9 21:14:22 2011
hi, 大家晚安 :D
不知道大家是否曾在網路上看過一篇轉載文章
「小叮噹(多拉A夢)告訴你各家瀏覽器對CSS3的支援度」
該篇文章是將一位日本作者用html+css(3)畫出來的小叮噹(多拉A夢)
分別用不同的browser來呈現的顯示狀況.
而這種設計被稱作為「Pure CSS Design」
小弟自從拜讀該文之後, 就一直對這種設計很著迷...(跟pixel art有異曲同工之妙)
所以深入去研究該日本神人的CSS, 然後自己也花了時間畫了一隻...
-> 波堤獅 XD (怎又是貓科動物?)
http://hanasan38.web.fc2.com/lion.html
因為工作上(EC前端的設計)現階段較少被要求用CSS3, 苦無實作練習機會,
所以當把這整隻畫完後, 發覺自己對CSS3的一些新屬性更熟練地使用了~
分享給大家, 如果有同樣興趣的朋友可以一起來研究!!
(下次挑戰線條更複雜的 - -+)
更詳細的內容及各瀏覽器的rendering結果在這裡:)
http://blog.yam.com/hanasan/article/38107158
--
CSS好好玩~~~ XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.250.216.75
推 apiod:推一個~ 05/09 21:40
推 ss163500:cute~~ 05/09 23:11
推 mesak:GJ 05/10 00:36
推 aceone:IE6真是不負其聖名 XD 05/10 00:47
推 magazine2006:最近有看到一個網站也滿有趣的，分享給大家 05/10 01:39
推 Laluth:IE6的獅子都哭了XD 05/10 09:28
推 awashharp:IE6的獅子哭的一把鼻涕一把眼淚XDDD 05/10 13:02
→ awashharp:不過我的Fx4的自訂字型有出來耶！跟網誌圖案不同 05/10 13:03
推 hit1205:真的好像在哭 XD 05/10 22:56
推 starwilly:推~ 05/11 21:47
推 Rplus:推! 05/12 01:54
推 oj113068:真可愛，可以轉貼到網誌嗎!! 05/12 20:58
推 oj113068:我的桌幾還是FF.3 光暈又跟4不一樣了~ 05/12 21:04
→ hanasan:回awa大, 確實Fx4可以吃到@font-face(換了空間放之後) 05/12 21:22
→ hanasan:樓樓上, 註明來源的前提下可以轉貼沒問題:D 05/12 21:24
推 neewollaH:ie7好像要舉槍自盡XDDD 05/22 23:16