See the Code - See it Full Page - See Details
Firefox Nightly and Firefox Dev Edition only as of December 2016 (and only with iteration composite). When iterationComposite is set to 'accumulate' the values will be added to the previous value. So with an animation with filter going from blur(0) to blur(2px) for 500 iterations... after the 500th iteration you will have a blur(1000px) because 2px was added each iteration. Compare this with the default behavior of an iteration where after the 500th iteration you would have blur(2px) because the 0 to 2px blur repeats each iteration instead of building on the last iteration.
This Pen uses: HTML, SCSS, JavaScript, and