2013年5月，我參加了 CSSConf，看到了Lea Verou 關于 border-radius 的演講，你可能會認為這個屬性很不起眼。但是這個演講讓我大開眼界，認識到 CSS 還有很多行為我是不了解的。回憶起我還是藝術生的那段時光，不斷地推動著我成為所選媒介的專家。作為一個 Web 設計師，CSS 是我的媒介，因此我盡我所能地學習，探索它的極限。

回憶我以前學畫的時候，課堂上還做了混合顏色的實驗，我們就使用三原色，紅、黃、藍，創造出了其他顏色的光譜。這個實驗的目的是讓我們了解顏色的特性，同時這種限制也讓我們明白了混合的力量。你當然可以買一只綠色的筆，但是你也可以使用藍色和黃色把綠色做出來。限制你的可選項，會讓你重新評估手頭上已有的工具。

我決定開始一個使用CSS 繪畫的項目，過段時間我就會給出一個只用 CSS 繪制的新東西。為了得到更大的挑戰，探索 CSS 的潛力，我給自己定了這個限制，只是用一個 Div。不能直接買一只綠色的筆（添加更多的 Div），我要做的就是盡其所能地結合 CSS 屬性來實現我的目的。

一個 Div 加上瀏覽器支持的那些 CSS 屬性，看起來可用的工具太少了。但是我發現問題不在于你在使用多少東西，而在于你如何看待你在使用的東西。

因為 CSS 有偽類，所以雖然只有一個 Div，但實際上我可以使用三個元素。因此，使用div，div:before，div:after，我們可以這樣：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表