TL;DR

Animate.css now includes whitespace fixes, ensuring animations render correctly without unexpected layout shifts.

Fixes Worth Knowing

Whitespace at the beginning of the compiled CSS files has been removed, resolving potential rendering issues.

TL;DR

Animate.css now respects the prefers-reduced-motion setting (browser accessibility feature), reducing unnecessary animations for users who have requested them.

Fixes Worth Knowing

Animations will now be disabled by default if a user has enabled their operating system’s “reduce motion” accessibility setting, improving the experience for those sensitive to animation.

Before You Upgrade

Test with your browser’s “reduce motion” setting enabled to ensure animations are appropriately disabled where expected.

TL;DR

Animate.css now offers a Sass (CSS preprocessor) version, enabling customization of animation duration and easier integration via mixins.

New

• Sass Support: Animate.css is now available as Sass, allowing for variable adjustments and more flexible styling.
• Animation Mixins: Easily apply animations to any element using new Sass mixins.

Before You Upgrade

Update your import paths to point to the new dist directory for compiled CSS.

TL;DR

This release updates animate.css to follow Semantic Versioning (a versioning scheme) for more predictable updates.

Breaking

• Version numbers now use the x.y.z format (major.minor.patch) to clearly indicate compatibility.