# tw-animate-css v1.3.0

- Product: tw-animate-css (https://whatsnew.fyi/product/tw-animate-css)
- Vendor: Wombosvideo
- Date: 2025-05-16
- Version: v1.3.0
- Original notes: https://github.com/Wombosvideo/tw-animate-css/releases/tag/v1.3.0
- Permalink: https://whatsnew.fyi/product/tw-animate-css/releases/v1.3.0

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

Reuse: the summaries, labels and curation here are © What's New. Quote freely with attribution and a link back; wholesale republication of the corpus is not permitted — terms: https://whatsnew.fyi/terms. The vendors' own release notes remain their publishers'.

---

##### Changelog

- 6dba4b0: fix: align syntax with Tailwind CSS syntax
- c82b41c: docs: add tree-shaking note
- 33b4e50: feat: add animation-duration-* utility
- a6fcd13: chore: bump version to 1.3.0 and update dependencies

###### New features

I've decided to add a `animation-duration-*` utility which should be used to define animation durations in the future. For now, `duration-*` is still supported to remain compatible with `tailwindcss-animate`.

This utility was added so you can define different durations for transitions and animations. Probably not something many people have a use case for, but I didn't want to define an own `duration-*` utility to _actually_ set `animation-duration`. Please open an issue if you prefer to keep using `duration-*` instead of `animation-duration-*`.

###### Breaking Change

`zoom-in-*` and `zoom-out-*` utilities now require ratios to be specified differently:

```diff
- zoom-in-[1/2]
+ zoom-in-1/2
```

I don't expect this to affect many people, which is why this is not a major release. If you are affected by this, let me know.