分享三个CSS宝藏网站

写在前面

Hello 大家好，今天跟大家分享三个CSS宝藏网站，这些网站不仅可以帮助你了解CSS的特性，还可以被应用到实际的项目中，丰富网页内容。

下面一起来看看吧！

1.生成不规则的矩形

地址： https://9elements.github.io/fancy-border-radius/

在CSS中我们可以使用 border-radius 属性定义矩形四个角的弧度，但是通常我们都是定义下面这种圆角：

其实我们可以调整 border-radius 的数据，得到更多好看的不规则矩形。但是很多同学不知道如何调节，这个网站可以很方便的帮助到我们，实例如下：

2. 生成不同的网页分隔符

地址: https://wweb.dev/resources/css-separator-generator/

在制作网页的时候，有的时候会需要添加一些页面分割符让网站更加具有设计性，这个网站提供了六中常见的分隔符，可以帮你快速生成想要的效果。

同时网站提供了可配置参数，我们可以根据自己的需要进行细节调整，操作如下：

调整完成直接，可以直接复制HTML+CSS到自己页面，非常的便捷。

3. 生成不同的波浪线

地址：https://getwaves.io/

在制作一些页面的时候，曲线的加入可以使得网页瞬间高大上起来，特别是在一些插画或者作品展示的时候，添加波浪线更加有必要。

这个网站提供了三种类型的曲线，分别如下：



并且可以根据需要进行调整大小，疏密度，透明度和颜色，可以帮我们非常便捷地获取到想要的效果：

生成之后，可以选择复制SVG代码或者直接将SVG下载到本地，然后直接进行使用。

写在最后

以上就是分享的三个CSS网站，如果你有其他的黑科技网站，欢迎一起来讨论。