Personal project · 2019
Linear Gradient Generator
A random gradient generator with color history and a CSS declaration for each background.
My role: Developer
Choose Generate New Background Gradient to reveal the CSS. Generate a few backgrounds, then try Previous and Next.
Learning goal
Learn JavaScript classes, inheritance, and methods by connecting color objects to a visible result in the browser.
Behind the project
I built this in 2019 using Collection and Color classes. Generate creates random HSL colors and an angle, updates the background, and displays the matching CSS. Arrays hold generated colors in memory for the Previous and Next controls, connecting object state with click events and DOM updates.
- Repository
- mnichols08/HavingFun-LinearGradientGenerator
- Repository updated