Tailwind CSS v1.6.0
内容提要
Tailwind CSS v1.6新增动画支持和overscroll行为工具。新增的动画插件包含四种通用动画，用户可自定义，并根据用户偏好调整动画以提升可访问性。此外，CLI工具简化了使用流程，允许省略输入文件。
延伸解读
动画与可访问性的结合
v1.6 新增的 motion-safe 和 motion-reduce 变体，让开发者能根据用户的 prefers-reduced-motion 偏好条件性地应用动画或过渡。这有助于避免对运动敏感的用户造成不适，同时确保动画只展示给未选择减少动态效果的用户。这些变体默认未启用，需在配置文件的 variants 部分手动开启，并可结合响应式和伪类变体使用。
overscroll-behavior 的实用性与兼容性
新增的 overscroll-behavior 工具类用于控制滚动链行为，防止在嵌入的可滚动区域到达边界时滚动整个页面。该特性目前不被 Safari 支持，但作者认为可将其视为渐进增强，因为回退表现较为优雅。开发者可通过 corePlugins 禁用该插件，或在 variants 中自定义其启用变体。
CLI 简化：省略输入文件
对于从不编写自定义 CSS 的用户，v1.6 的 CLI 工具允许省略输入文件参数。以往需要创建一个包含 @tailwind 指令的 CSS 文件，现在只需运行 npx tailwindcss build -o compiled.css 即可生成编译后的 CSS。这减少了不必要的文件创建步骤，简化了工作流程。
Q&A
Tailwind CSS v1.6新增了哪些动画功能？
Tailwind CSS v1.6新增了四种通用动画：animate-spin、animate-ping、animate-pulse和animate-bounce。
如何自定义Tailwind CSS中的动画？
用户可以通过tailwind.config.js中的动画和关键帧部分进行自定义配置。
什么是motion-safe和motion-reduce变体？
motion-safe和motion-reduce变体允许根据用户的运动偏好条件应用CSS，以提升可访问性。
Tailwind CSS v1.6的overscroll-behavior工具有什么用？
overscroll-behavior工具可以控制滚动链的行为，避免在嵌入的可滚动区域达到顶部或底部时滚动整个页面。
如何使用CLI工具生成CSS文件？
使用tailwindcss CLI工具时，输入文件参数现在是可选的，可以直接使用命令生成CSS文件。
Tailwind CSS v1.6是否有破坏性更改？
根据发布说明，Tailwind CSS v1.6没有破坏性更改。
