渐变代码实用的 CSS3 参考手册和代码生成工具

查了好多资料，发明还是不全，干脆自己整理吧，至少保证在我的做法正确的，以免误导读者，也是给自己做个记录吧！

    CSS3术技当初愈来愈成熟，通过CSS3的一些新特性（如box-sizing、边界半径、文字影阴、渐变等）创立的果效经已令前端开发者兴奋不已。使 用CSS3停止前端计设是未来的发展趋势。因此，如果你是一位前端计设师，就需要把握这些最新的术技，否则就有可能会被淘汰。 

一、参考手册 

1.  Idiomatic CSS 

编写一统、符合习气的CSS的则原，有文中本版。 

2.  CSS3 Click Chart 

示例代码和CSS3特性持支情况表。 

3.  CSS3 Selector 

CSS3 Selector的官方指点手册。 
 

    

    

4.  HTML5 & CSS3 Support 

主流浏览器对HTML5和CSS3持支情况一览表。 
 

    

    

5.  CSS3 - Information and Samples 

针对CSS3的各种信息和示例。 
 

    

    

6.  Sencha CSS3 Cheat Sheet 
 

    

    

7.  Smashing Magazine CSS3 Cheat Sheet 
 

    

    

二、CSS代码成生工具 

1.  Gradient Editor 

一个壮大的CSS渐变代码可视化编辑器，类似于Photoshop的渐变设置界面。 
 

    

    

2.  Gradient 

CSS3渐变代码成生器。 
 

    每日一道理
信念是巍巍大厦的栋梁，没有它，就只是一堆散乱的砖瓦；信念是滔滔大江的河床，没有它，就只有一片泛滥的波浪；信念是熊熊烈火的引星，没有它，就只有一把冰冷的柴把；信念是远洋巨轮的主机，没有它，就只剩下瘫痪的巨架。

    

    

3.  Border Radius 

边界半径（圆角）代码成生器，通过设置四个角的半径数字，便可主动成生代码，且够能直接预览到果效。 
 

    

    

4.  CSS3 Generator 

通过可视化式形设置各种属性，括包文字影阴、轮廓、边界、渐变、过渡等，并够能主动成生代码。 
 

    

    

5.  CSS3 

针对边界半径、box影阴、景背渐变和不透明度的CSS3代码成生器。 
 

    

    

6.  LayerStyles 

如果你悉熟Adobe Photoshop，你会发明这个工具非常好用。 
 

    

    

7.  CSSWarp 

主动成生径路文本的CSS代码。 
 

    

    

8.  Font Squirrel 

成生woff、svg、eot和ttf格式的体字，并在CSS中用使。 
 

    

    

9.  CSS3 Maker 

壮大的CSS3代码成生器。 
 

    

    

10.  CSS3 Tool 

各种CSS3代码成生工具合集。 
 

    

文章结束给大家分享下程序员的一些笑话语录： 人工智能今天的发展水平：8乘8的国际象棋盘其实是一个体现思维与创意的强大媒介。象棋里蕴含了天文数字般的变化。卡斯帕罗夫指出，国际象棋的合法棋步共有1040。在棋局里每算度八步棋，里面蕴含的变化就已经超过银河系里的繁星总数。而地球上很少有任何数量达到这个级别。在金融危机之前，全世界的财富总和大约是1014人民币，而地球人口只有1010。棋盘上，所有可能的棋局总数达到10120，这超过了宇宙里所有原子的总数！经典语录网