實用的 CSS3 參考手冊和代碼生成工具
英文原文:Useful CSS3 References and Online Generator Tools
CSS3技術現在越來越成熟,通過 CSS3 的一些新特性(如 box-sizing、邊界半徑、文字陰影、漸變等)創建的效果已經令前端開發者興奮不已。使用 CSS3 進行前端設計是未來的發展趨勢。因此,如果你是一名前端設計師,就需要掌握這些最新的技術,否則就有可能會被淘汰。
一、參考手冊
編寫統一、符合習慣的 CSS 的原則,有中文版本。
示例代碼和 CSS3 特性支持情況表。
CSS3 Selector 的官方指導手冊。
主流瀏覽器對 HTML5 和 CSS3 支持情況一覽表。
5. CSS3 - Information and Samples
針對 CSS3 的各種信息和示例。
7. Smashing Magazine CSS3 Cheat Sheet
二、CSS 代碼生成工具
一個強大的 CSS 漸變代碼可視化編輯器,類似于 Photoshop 的漸變設置界面。
2. Gradient
CSS3漸變代碼生成器。
邊界半徑(圓角)代碼生成器,通過設置四個角的半徑數字,即可自動生成代碼,且能夠直接預覽到效果。
通過可視化形式設置各種屬性,包括文字陰影、輪廓、邊界、漸變、過渡等,并能夠自動生成代碼。
5. CSS3
針對邊界半徑、box 陰影、背景漸變和不透明度的 CSS3 代碼生成器。
6. LayerStyles
如果你熟悉 Adobe Photoshop,你會發現這個工具非常好用。
7. CSSWarp
自動生成路徑文本的 CSS 代碼。
生成 woff、svg、eot 和 ttf 格式的字體,并在 CSS 中使用。
9. CSS3 Maker
強大的 CSS3 代碼生成器。
10. CSS3 Tool
各種 CSS3 代碼生成工具集合。