1. CSS Animate

CSS Animate 是 CSS 動畫代碼生成工具。

2. Patternify

Patternify 是無縫拼接的背景紋理生成工具。你可以選擇重頭做一個紋理，也可以在 Patternify 提供的一些紋理上做修改。做完后，可以選擇下載圖片或復制將圖片Base64編碼后的值。

CSS3 Patterns Gallery 上也有很多很漂亮的紋理。

3. ColorZilla Gradients

ColorZilla Gradients 是 CSS3 背景漸變生成器?？渴謱憹u變比較煩的。

4. Randomized CSS3 Gradient Generator

Randomized CSS3 Gradient Generator 是隨機生成漸變的生成器。

5. Button Generator

Button Generator 是按鈕制作工具。

6. CSS Load

CSS Load 是加載圖標的制作工具。

7. CSSmatic

CSSmatic 是漸變背景，圓角邊框，帶噪點的圖片和盒陰影的生成工具。

8. Ribbon builder

Ribbon builder 是絲帶制作工具。

9. CSS ARROW PLEASE!

CSS ARROW PLEASE!是對話框制作工具。

要生成上面外觀，除了要加復制生成的 CSS，還要
1 加 HTML： <div class="arrow_box">你的內(nèi)容</div>。
2 加如下的CSS

.arrow_box {
  padding: 40px; /* 根據(jù)具體需求設置值 */
  width: 280px; /* 根據(jù)具體需求設置值 */
  height: 100px; /* 根據(jù)具體需求設置值 */
  border-radius: 6px; /* 根據(jù)具體需求設置值 */
}