## 46. [CSS Gradient Animator](http://www.gradient-animator.com/)
动态生成gradients的WEB工具
![](https://box.kancloud.cn/2015-12-28_568100dd7fb23.jpg)
## 47. [CIRCULUS.SVG](http://sarasoueidan.com/tools/circulus/)
SVG圆形菜单生成器
![](https://box.kancloud.cn/2015-12-28_568100dd8fe7a.jpg)
## 48. [CSS Ruler](http://katydecorah.com/css-ruler/)
![](https://box.kancloud.cn/2015-12-28_568100dd9e27a.jpg)
## 49. [SVGOMG](https://jakearchibald.github.io/svgomg/)
优化和配置SVGO的WEB应用
![](https://box.kancloud.cn/2015-12-28_568100ddad832.jpg)
## 50. [Blend](http://colinkeany.com/blend/)
生成简单漂亮CSS3 gradients的工具
![](https://box.kancloud.cn/2015-12-28_568100ddbd6b6.png)
## 51. [Filter Blend](http://ilyashubin.github.io/FilterBlend/)
CSS的混合模式和过滤器生成器
![](https://box.kancloud.cn/2015-12-28_568100ddca3ce.jpg)
## 52. [SVG Path Builder App](http://anthonydugois.com/svg-path-builder/)
使用GUI快速创建SVG path
![](https://box.kancloud.cn/2015-12-28_568100dddd09e.jpg)
## 53. [.resizr](http://resizr.co/)
测试 CSS media queries 的轻量级应用
![](https://box.kancloud.cn/2015-12-28_568100ddf1f08.jpg)
## 54. [css2sass](http://css2sass.herokuapp.com/)
把CSS代码转成SASS的应用
![](https://box.kancloud.cn/2015-12-28_568100de12a0f.png)