Tailwind CSS Blog
·
Tailwind CSS v1.6.0
原文英文，约600词，阅读约需3分钟。
📝
内容提要
Tailwind CSS v1.6新增动画支持和overscroll行为工具。新增的动画插件包含四种通用动画，用户可自定义，并根据用户偏好调整动画以提升可访问性。此外，CLI工具简化了使用流程，允许省略输入文件。
🎯
关键要点
-
Tailwind CSS v1.6新增动画核心插件，包含四种通用动画：animate-spin、animate-ping、animate-pulse和animate-bounce。
-
用户可以自定义动画，使用tailwind.config.js中的动画和关键帧部分进行配置。
-
新增的motion-safe和motion-reduce变体允许根据用户的运动偏好条件应用CSS，提升可访问性。
-
新增的overscroll-behavior工具可以控制滚动链的行为，避免在嵌入的可滚动区域达到顶部或底部时滚动整个页面。
-
CLI工具简化了使用流程，允许省略输入文件，用户可以直接生成CSS文件。
❓
延伸问答
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没有破坏性更改。
🏷️
