對于CSS新手來說，陰影，漸變，動畫算是比較複雜的屬性了，在實際編寫的時候，總感覺到很吃力，沒有思路。makingcss.com 是一個對新手很友好的，自動生成CSS代碼的網站。
它提供了# Box Shadow，# Text Shadow，# Border Radius，# Transform，# Transition，# Gradient 6種代碼生成器。
Box Shadow
box-shadow 屬性可以給元素添加一個或者多個陰影。box-shadow接收多個陰影。對于每個陰影你都可以選擇四個長度值。一個顔色值，内陰影或者外陰影。
Text Shadow
text-shadow 屬性可以給文本添加一個或者多個陰影。text-shadow接收多個陰影。對于每個陰影你可以選擇三個長度值，以及一個顔色值。
Border Radius
該邊界半徑屬性的元素建立圓角。每個角可以獨立設定，也可以通過選擇“所有角”同時設定。此外，您可以通過選擇樣式、寬度和顔色來設定邊框屬性。
Transform
變換屬性應用于一個2D或3D變換的元素。此屬性允許您旋轉、縮放、移動、傾斜元素。您可以将這些轉換結合到 CSS 3 過渡中以獲得漂亮的動畫。
Transition
CSS3過渡允許您在給定的持續時間内平滑地更改屬性值，從一個值到另一個值。您還可以設定延遲和功能。此屬性通常用于 :hover 狀态。
Gradient
CSS3漸變讓您可以在兩種或多種指定顔色之間顯示平滑過渡，而不是圖像。您可以使用每種顔色下方的滑動條選擇每種顔色的起始位置（以百分比表示）。