1. CSS Animate
CSS Animate 是 CSS 動(dòng)畫代碼生成工具翅睛。
2. Patternify
Patternify 是無(wú)縫拼接的背景紋理生成工具。你可以選擇重頭做一個(gè)紋理足删,也可以在 Patternify 提供的一些紋理上做修改寿谴。做完后,可以選擇下載圖片或復(fù)制將圖片Base64編碼后的值失受。
CSS3 Patterns Gallery 上也有很多很漂亮的紋理讶泰。
3. ColorZilla Gradients
ColorZilla Gradients 是 CSS3 背景漸變生成器》鞯剑靠手寫漸變比較煩的痪署。
4. Randomized CSS3 Gradient Generator
Randomized CSS3 Gradient Generator 是隨機(jī)生成漸變的生成器。
5. Button Generator
Button Generator 是按鈕制作工具兄旬。
6. CSS Load
CSS Load 是加載圖標(biāo)的制作工具狼犯。
7. CSSmatic
CSSmatic 是漸變背景,圓角邊框领铐,帶噪點(diǎn)的圖片和盒陰影的生成工具悯森。
8. Ribbon builder
Ribbon builder 是絲帶制作工具。
9. CSS ARROW PLEASE!
CSS ARROW PLEASE!
是對(duì)話框制作工具绪撵。
要生成上面外觀瓢姻,除了要加復(fù)制生成的 CSS,還要
1 加 HTML: <div class="arrow_box">你的內(nèi)容</div>
音诈。
2 加如下的CSS
.arrow_box {
padding: 40px; /* 根據(jù)具體需求設(shè)置值 */
width: 280px; /* 根據(jù)具體需求設(shè)置值 */
height: 100px; /* 根據(jù)具體需求設(shè)置值 */
border-radius: 6px; /* 根據(jù)具體需求設(shè)置值 */
}