前端开发超好用的在线小工具

1、在线生成渐变背景代码，直接复制过去就可以用了
https://www.colorzilla.com/gradient-editor/

微信截图_20210224102331.png

2、想画波浪图案？用这个免费神器一秒快速生成！
https://svgwave.in/

微信截图_20210224102824.png

Svg Wave 能调整波浪的波峰数量、波浪层数和高度，也有自定义颜色或是使用渐层色效果，具有非常高的可自定义性。
如果你不确定怎么做比较好看，随机按钮点一下就会立即产生某个样式，在 Svg Wave 能将[波浪图]输出为 SVG 或 PNG 格式（SVG 直接给出源码），若你觉得开发网页时使用单色背景看起来太过单调，Svg Wave 是个不错的选择。

3、EnjoyCSS是一个高级的CSS3生成器，它允许您摆脱常规编码。
https://enjoycss.com/

image.png

下面是一些生成的效果

image.png

4、接下来是一大泼动画效果
http://anicollection.github.io/#/

image.png

https://animate.style/

image.png

https://h5bp.org/Effeckt.css/

image.png

纯CSS3实现GIF图片进度加载效果

https://www.html5tricks.com/demo/jiaoben1938/index.html

image.png