百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【工具类】HeroPatterns|免费SVG+CSS制作工具

发布时间:2020-09-17

作品分类:工具类  背景  网站  就能  制作工具  免费  HeroPatterns  CSS  SVG

Hero Patterns是一款产生重复网页背景线上工具,收集的样式都很符合当前网页设计潮流,允许自订前景、背景色及透明度,乍看之下好像跟一般图片产生器没有差异,但其实它是一款能产生重复背景SVG向量格式的制作工具。

有了这款工具的好处就是:不用下载任何档案,只要将CSS 程式码加入网站即可轻松套用漂亮平铺式背景!如果对于SVG 格式有些了解应该知道,SVG 就是所谓的以程式码画图,也因此不用再下载额外图片档案,只要将产生的程式码加到自己网站CSS 就能出现背景效果。

使用方法:开启 Hero Patterns 网站后,首页会出现许多重复图案的平铺式背景图(目前大约40 种),从上方切换不同的前景、背景色及透明度。Hero Patterns 网站收录的图案都很简单,适合各种网站使用,尤其是觉得单色背景看起来太过单调时,Hero Patterns 或许能带来意想不到的效果。

选择任一背景后,在Selected Pattern 页面还能进行前景、背景色和透明度调整,网页会直接让你预览背景图案效果,没问题的话,复制上方产生的CSS 程式码,将它加入网站CSS 代码的适当位置就能快速套用此背景图案。

如果要做小细节的编辑调整,也可以从网站来下载产生的SVG图片,而不是CSS代码,点选右上角「Download unstyled SVG」就能下载图片到本地,这样就可以永久免费使用了。

Top