# 样式设计相关网页

# 1.弹性盒属性演示

该网站提供了关于flexbox全部属性的预览。

# 2.CSS 各属性对页面渲染的影响

该网站演示了各个CSS属性对页面渲染其中的三个阶段：布局(Layout)、绘制(Paint)、合成图层(Composite)的触发情况。

# 3.WebGL 3D Demo

该网站收集和许多实用WebGL编写的3D Demo和Canvas小特效素材；

# 4.拟态化几何 UI

该网站提供了在线制作拟态化，精致的几何UI图标功能，同时也可以导出拟态化的box-shadow样式代码；

# 5.炫酷背景生成网站

该网站拥有5种背景形式，每一种都有所种配色可以选择，非常适用于PPT或壁纸等；

# 6.CSS 参考手册

# 版本 1

# 版本 2

# 7.渐变色样式

该网站提供了多种渐变色的素材，并且可以直接复制渐变色的CSS样式，十分方便。

# 8.多主题配色

该网站提供了多种主题配色，可以根据需要直接使用。

# 8.1.FlatUIColors 配色

# 8.2.调色板

# 8.3.中国色

# 9.Font Awesome

字体图标库，好处在于可以当做普通文字般设定图标的颜色。该图标库分为免费版和专业版，有能力的可以使用专业版支持作者；

# 10.浏览器新特性兼容情况

该网站可以查看CSS3与HTML5新特性在个浏览器中的兼容性情况。

# 11.瀑布流插件

# Masonry.js

# Isotope.js

以上两个为比较好用的实现瀑布流布局的js套件。

# 12.CSS 框架

# Bootstrap

# tailwindcss

# 13.Markdown 勋章

在Markdown中制作具有跳转功能的个性化勋章。

# 教程

# 14.在线生成图标

该网站提供了在线生成图标的服务TEXT->ICO、PNG->ICO和EMOJIS->ICO等；

# 15.clippy

该网站提供了设置图片可显示区域的功能以及相应的Clip-path的属性值；

# 16.clip-path

功能同上，不过更加便捷和完善。