Neat Gradients v1.0.2

What's Changed

Added the Option to Let Users Add an Overlay to the Gradient.

If you have any text over the gradient, adding an overlay can significantly improve its readability. You can now use the overlay key to pass some overlay options to the gradient. This lets you apply a background to the overlay and show or hide it.

Full Changelog: v1.0.1...v1.0.2

Neat Gradients v1.0.1

What's Changed

Wrapper Element Pushed to the Back

The only change in this release is that I set the z-index on the gradient wrapper element to -1. This pushes the background to the back instead of being placed over everything else.

Full Changelog: v1.0.0...v1.0.1

Neat Gradients v1.0.0

What's Changed

Default animation duration

The animation duration was initially undefined if the user did not define it. It was being set to 30 seconds for the --anim-duration property inside updateAnimationDuration(). However, it wasn't set for the animDuration property on the NeatGradient object.

This update sets the value of animDuration to 30 in the constructor itself.

This was necessary because someone might write code that increase or decreases the animation duration instead of setting an explicit value. This caused issues when the value was initially undefined.

Added a Wrapper

I was applying the gradient to a div element earlier but it required some CSS rules like overflow: hidden to be applied to the parent container as well.

I felt like it isn't a good idea to change a property like this on elements I did not add. Also, asking users to apply this rule was not appealing either.

Therefore, I added a wrapper element that takes care of background positioning.

Full Changelog: https://github.com/9itish/neat-animated-gradients/commits/v1.0.0