See the Code - See it Full Page - See Details
Please view in Chrome for the best effect! ^^ Just an experiment, I wanted to create the thing I've seen a lot on Codepen simply by trying out. Thanks to @tmrDevelops for advising me on speeding this thing up in Firefox. Basically, drawing lines with a gradient stroke style is something Firefox is struggling with. The particles connect at a certain distance and a line transitioning from the color of particle 1 to the color of particle 2 is drawn between the two particles. The opacity of the line is determined by the distance between the particles. #RainbowStraightLinesWeekend
This Pen uses: HTML, SCSS, JavaScript, and