1. CSS Animate
CSS Animate 是 CSS 動畫代碼生成工具。
2. Patternify
Patternify 是無縫拼接的背景紋理生成工具。你可以選擇重頭做一個紋理,也可以在 Patternify 提供的一些紋理上做修改。做完後,可以選擇下載圖片或複製將圖片Base64編碼後的值。
CSS3 Patterns Gallery 上也有很多很漂亮的紋理。
3. ColorZilla Gradients
ColorZilla Gradients 是 CSS3 背景漸變生成器。靠手寫漸變比較煩的。
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">你的內容</div>
。
2 加如下的CSS
.arrow_box { padding: 40px; /* 根據具體需求設置值 */ width: 280px; /* 根據具體需求設置值 */ height: 100px; /* 根據具體需求設置值 */ border-radius: 6px; /* 根據具體需求設置值 */}
相關推薦
'10個JavaScript調試技巧,幫你更好、更快地調試代碼'
"調試技巧,在任何一項技術研發中都可謂是必不可少的技能。掌握各種調試技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位問題、降低故障概率、幫助分析邏輯錯誤等等。而在互聯網前端開發越來越重要的今天,如何在前端開發中降低開發成本,提升工作效率,掌握前端開發調試技巧尤為重要。...
不到200行代碼寫一款屬於自己的js類庫
前言JavaScript 的核心是支持面向對象的,同時它也提供了強大靈活的 OOP 語言能力。本文將使用面向對象的方式,來教大家用原生js寫出一個類似jQ...
這些配色方案網站,讓你少走很多彎路!
對於剛開始學習設計的人來說,往往不容易駕馭好顏色搭配。除了學習各種色彩理論和方法之外,多學習一些著名網站的用色方法,對於我們製作出好的色彩搭配可以起到事半...
CSS 黑魔法小技巧,讓你少寫不必要的JS,代碼更優雅
1、利用 CSS 的 content 屬性 attr 抓取資料需求鼠標懸浮實現一個提示的文字,類似github的這種,如圖:想必大家都想到了偽元素 aft...
推薦中...