标签:网站 可以 radius https 宝藏 分享 border 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. 生成不同的波浪线
在制作一些页面的时候,曲线的加入可以使得网页瞬间高大上起来,特别是在一些插画或者作品展示的时候,添加波浪线更加有必要。
这个网站提供了三种类型的曲线,分别如下:
并且可以根据需要进行调整大小,疏密度,透明度和颜色,可以帮我们非常便捷地获取到想要的效果:
生成之后,可以选择复制SVG代码或者直接将SVG下载到本地,然后直接进行使用。
写在最后
以上就是分享的三个CSS网站,如果你有其他的黑科技网站,欢迎一起来讨论。
标签:网站,可以,radius,https,宝藏,分享,border,CSS 来源: https://blog.csdn.net/fengzhen8023/article/details/116562787
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。