一些实用的工具网站

200+ css渐变底色

• https://webgradients.com/

200+动画效果复制

• https://css-loaders.com/classic/

二次贝塞尔曲线

• https://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html
  

三次贝塞尔曲线

• https://blogs.sitepointstatic.com/examples/tech/canvas-curves/quadratic-curve.html
  

vscode代码段生成填充

• https://snippet-generator.app/?description=&tabtrigger=&snippet=&mode=vscode
  

css兼容性查询

• https://caniuse.com/
  

css阴影生成

• https://cssbud.com/
  

在线css绸带

• https://css-generators.com/ribbon-shapes/
  

在线渐变生成

• https://ggradient.com/

Html2md 在线html转md

• https://github.com/helloworld-Co/html2md
  

3d字体

• https://pissang.github.io/voxelize-image/
  

优美的字体集

• https://www.fontpair.co/category/handwriting
  

pica 一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库

• https://github.com/nodeca/pica
  

button动画

• https://cssfx.lovejade.cn/
  

前端工具箱

• https://tool.lu/
  

文件在线转换格式 pdf word等

• https://www.alltoall.net/
• https://cloudconvert.com/

favicon图标制作

• https://www.bitbug.net/

正则表达式在线测试

• https://tool.oschina.net/

验证css代码错误

• https://cssstats.com/

正则大全

• https://any86.github.io/any-rule/

AES加密解密在线

• https://the-x.cn/zh-cn/cryptography/Aes.aspx

Http Content-type对照表

• https://tool.oschina.net/commons
  

地图json截取

• https://datav.aliyun.com/portal/school/atlas/area_selector

在线设计滚动条样式复制

• https://scrollbar.app/

圆角设置

• https://9elements.github.io/fancy-border-radius/#19.30.36.30–.

磨砂玻璃风格神奇

• https://glassgenerator.netlify.app/#
  

边框阴影

• https://www.minimamente.com/cssboxshadow/