過去在設計網頁的時候,背景如果不是純色就是圖片。但隨著各家瀏覽器對CSS3支援度的提升,用CSS3來設計背景樣式也成為一種選擇。
網站名稱:CSS3 Patterns Gallery
網站連結:http://lea.verou.me/css3patterns/
支援的瀏覽器:Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ 與 IE10+.
CSS3 Patterns Gallery是LEA Verou底下的其中一個Project。CSS3 Patterns Gallery不只是單純的展示網頁,使用者點選中意的Pattern之後,可以直接對CSS code進行修改,並且立即看到修改後的結果。
如果想要用CSS3設計出自己想要的背景樣式,也可以用LEA Verou的另一個Project:Dabblet來進行設計,跟CSS3 Patterns Gallery一樣能夠立即顯示結果,但還多了一些輔助的功能,有興趣的人可以嘗試看看。
網站名稱:Dabblet
網站連結:http://dabblet.com/
LEA Verou對Dabblet Project的說明:
http://lea.verou.me/2011/12/introducing-dabblet-an-interactive-css-playground/
本著作依據Creative Commons 姓名標示-非商業性-相同方式分享授權條款釋出
內容如有錯誤 煩請不吝指教
留言