写在前面
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. 生成不同的波浪线
在制作一些页面的时候,曲线的加入可以使得网页瞬间高大上起来,特别是在一些插画或者作品展示的时候,添加波浪线更加有必要。
这个网站提供了三种类型的曲线,分别如下:
并且可以根据需要进行调整大小,疏密度,透明度和颜色,可以帮我们非常便捷地获取到想要的效果:
生成之后,可以选择复制SVG代码或者直接将SVG下载到本地,然后直接进行使用。
写在最后
以上就是分享的三个CSS网站,如果你有其他的黑科技网站,欢迎一起来讨论。