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 (4)

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

Some comments may only be visible to logged-in visitors. Sign in to view all comments.