DEV Community

Cover image for 30 awesome CSS Background Patterns ✨
webdeasy.de
webdeasy.de

Posted on • Originally published at webdeasy.de

30 awesome CSS Background Patterns ✨

With these 30 CSS Background Patterns you are sure to find the perfect background for your app or website.

The pens shown are licensed with MIT. You can find more info about your own use on the Codepen Blog.

#1 Japanese cube


Author: Tankred;

#2 Steps


Author: Joshua Hibbert;

#3 Rotan weave


Author: Joroen Franse;

#4 Tables


Author: Ana Tudor;

#5 Slack CSS background pattern


Author: Marijke Luttekes;

#6 Children in Need CSS Background Pattern


Author: Chris Smith;

#7 Street in the city


Author: Ha Hyun Yong;

#8 Rainbow


Author: Raad Al-Raw;

#9 Circles


Author: Steve Hudek;

#10 Blue Triangles


Author: vlad-saling;



⭐🔗 Find the other 20 CSS backgrounds on my blog 🔗⭐

Note: All forms are all published on codepen.io and not by me.

...or out my other CSS Collections:

Top comments (3)

Collapse
 
efpage profile image
Eckehard

Does anybody really use these kind of background?

Collapse
 
webdeasy profile image
webdeasy.de

I have such a pattern on the landingpage of my blog :)

Collapse
 
efpage profile image
Eckehard • Edited

Are you selling 70´th wallpapers?

wallpaper