block by HarryStevens 7e733ac8ae4e8076c30c7b86cadcd346

Fun with Linear Gradients I

Full Screen

This block uses SVG’s linearGradient element to create a linear gradient that you can update.

Use the color picker to change the colors. Drag the circles to change the gradient’s orientation.

Libraries used: D3, jQuery, Spectrum, Font Awesome

index.html

scripts.js

styles.css