Zonua website makers logo

CSS3 Patterned Backgrounds


9th August 2013

I've a real interest in CSS, and how far it can be pushed. There are a lot of things that Javascript and jQuery are used to do, that CSS/CSS3 could do in a way that is more lightweight.

I just wanted to share with you a great gallery of CSS3 background designs. These designs do not use any images, and are of course, seemless backgrounds.

For example, this is a pattern (by Marta Armada)*

While download speeds is becoming less of an issue on desktop computers, it's still important with mobile websites. So if you are making a website that is quite image-heavy, or with large file sizes, a CSS background is a great way to slim down. Google likes pages that load quickly, but remember to check in different browsers, as the patterns may/will not look the same in every browser.

CSS3 Patterned Gallery

To check out some of the CSS3 patterns, check out > CSS3 Patterns Gallery.

*If you can't see a pattern - it means that this CSS pattern just does not work in your browser!

Dorcas RĂ©amonn

Hi, I'm Dorcas. I make websites. I lecture in Digital Marketing and related stuff in the UCD Smurfit School. I take photos (personal Insta @dorcasz). I do consultancy. I do talks. I've written a popular book on WordPress (available here).

Facebook Twitter Zonua on Skype Zonua on Pinterest Zonua on Vine Zonua on LinkedIn Google Plus Instagram

comments powered by Disqus

Next article: What is nofollow? >

You might also be interested in . . .

Top 10 most Popular . . .