Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Miscellaneous

Random Striped CSS3 Backgrounds

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Random Striped CSS3 Backgrounds - CodeCanyon Item for Sale


Ad: Bluehost hosting

A collection of CSS3 Backgrounds made with multiple layers of strips repeating at different intervals based on prime numbers. This causes the overall pattern to appear non-repeating giving it a random feel.

10 samples are included but the code is highly customizable and countless variations can be made by changing the following:

- the base color.
- the color and transparency of the strips.
- the width of each repeating interval.
- the width of the strip as a percentage of the repeating interval.
- the number of layers.
- the direction of the gradient (vertical and/or horizontal).
- combining with regular gradients for different effects.

Browser compatibility:
Firefox 3.6+, Chrome 10+, Safari 5.1+, Opera 11.1+, IE 10+, iOS 5+, Android 4+.

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


20 February 12

Last Update:

Compatible Browsers:
Firefox, Safari, Opera, Chrome

Files Included:

Software Version:


eCommerce, eCommerce, All Items, background, css3, gradient, random, wallpaper