[心得] Pure CSS Design 波堤獅 (Pon De Lion)
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
推
05/09 21:40, , 1F
05/09 21:40, 1F
推
05/09 23:11, , 2F
05/09 23:11, 2F
推
05/10 00:36, , 3F
05/10 00:36, 3F
推
05/10 00:47, , 4F
05/10 00:47, 4F
推
05/10 01:39, , 5F
05/10 01:39, 5F
→
05/10 01:39, , 6F
05/10 01:39, 6F
推
05/10 09:28, , 7F
05/10 09:28, 7F
推
05/10 13:02, , 8F
05/10 13:02, 8F
→
05/10 13:03, , 9F
05/10 13:03, 9F
推
05/10 22:56, , 10F
05/10 22:56, 10F
推
05/11 21:47, , 11F
05/11 21:47, 11F
推
05/12 01:54, , 12F
05/12 01:54, 12F
推
05/12 20:58, , 13F
05/12 20:58, 13F
推
05/12 21:04, , 14F
05/12 21:04, 14F
→
05/12 21:22, , 15F
05/12 21:22, 15F
→
05/12 21:24, , 16F
05/12 21:24, 16F
推
05/22 23:16, , 17F
05/22 23:16, 17F