几个免费的背景素材库

今天终于把博客首页的最后一点图片痕迹给抹去了。原本在首页的文章Title部分,是有一层淡淡的灰色斜纹底色的,“占地面积”109字节。虽然很小,但是我始终在研究,能否把这个图片去掉,改用纯的CSS实现呢?今天终于实现了。CSS3真的是包罗万象,不仅能交互动态,还能绘制图案。当然,技术小白的我肯定不会原创写CSS斜纹背景代码了,而是在网络上找到了这个利器——

CSS Background Patterns

这是一个免费的CSS背景素材图生成器,在这个网站上已经为大家罗列出22种漂亮的CSS背景图样式,你只需要根据自己的需要调整颜色、透明度、间隔距离等简单的参数,就可以实现个性化的纯CSS背景图的代码了,非常简单。我的文章Title背景就是这么做出来的,大家快去试试吧。

https://www.magicpattern.design/tools/css-backgrounds

Paper-co

很多个人博客的主题多半都是以单色为主,比如我现在用的主题就是黑白灰。如果你觉得略显单调,使用纹理材质或渐变色做为背景,不仅看起来可以提升质感,也不会影响对文字的阅读,给访客造成负。但如果纯CSS代码背景图满足不了你,那么我们可以来Paper-co找一找。这是一个来自日本的网站。在这里,我们可以免费下载纸张纹理材质、且可作为商业用途的背景图案,包括JPG、PNG格式及三种宽度(320px、640px、1200px)。Paper-co提供的图案其实都很细腻,虽然数量不多,但用起来都有一种日和风格的既视感。

https://free-paper-texture.com/

图鱼

如果你觉得Paper-co访问速度不够理想,亦或者上面没有你喜欢的背景图素材,来自中国的图鱼或许可以帮到你。

图鱼是一个专门提供免费平铺素材的网站,由于在国内,所以打开速度十分理想。图鱼贴心之处在于做了平铺背景图的分类,你可以通过颜色或是平铺背景图的内容进行索引。图鱼还为每一个背景图起了一个别致的名字,方便大家浏览和查找。如果你有需要的话,不妨来这里找找。

https://www.hituyu.com/

欢迎评论