将 Animate CSS 作为 Windi CSS 插件添加到你的项目中。此插件是基于 tailwind-animate.css 修改的,以适配 Windi CSS。
npm install --save-dev @windicss/plugin-animations
export default {
theme: {
// ...
},
plugins: [
// 其他插件
require('@windicss/plugin-animations')({
settings: {
animatedSpeed: 1000,
heartBeatSpeed: 1000,
hingeSpeed: 2000,
bounceInSpeed: 750,
bounceOutSpeed: 750,
animationDelaySpeed: 1000,
},
}),
],
}
此插件基于超给力的 Animate.css。