Basement Jaxx album cover with CSS and Prime Numbers
I was doing a doodle of the Basement Jaxx Singles album in HTML / CSS and wanted to create an infinitely ( or close to infinitely ) varied background using linear-gradients and prime numbers.
Here's how I did it.
The Cicada Principle and Why It Matters to Web Designers: https://www.sitepoint.com/the-cicada-principle-and-why-it-matters-to-web-designers/
List of primes: https://primes.utm.edu/lists/small/1000.txt
Prime Repetition Calculation: https://codepen.io/loficodes/pen/NLLVOV
Basement Jaxx Pen: https://codepen.io/loficodes/pen/yGwoaO
Variation 1: https://codepen.io/loficodes/pen/WLPKNa
Variation 2: https://codepen.io/loficodes/pen/VqgBYp
Variation 3: https://codepen.io/loficodes/pen/ZVwjpz
Variation 4: https://codepen.io/loficodes/pen/PXVBKB
Variation 5: https://codepen.io/loficodes/pen/dwajdZ
If you enjoyed this article, sign up here to get new articles whisked straight to your inbox!