缓动预置Tailwind CSS扩展过渡计时功能

想给你的 Tailwind 项目加点动感?@downwindcss/easings了一堆经典的缓动效果,可以让你轻松给元素添加平滑过渡。使用简单,安装配置完毕后,直接使用以ease-*为前缀的类名就行了,比如ease-in-out-cubicease-out-back,效果蛮好。对于大多数常见的过渡,效果都不错,但注意有些专门的缓动效果在 Tailwind 内核里已经内置,所以会有些类不能使用。值得一提的是,它基于 Tailwind 开发,和 Tailwind 的语法风格契合,所以不会破坏你的开发流程。
推荐给想要快速搞定页面动画的开发者,是那些对 Tailwind 已经熟悉的。

,别忘了查看它的文档和npm安装方式,按照步骤操作就能轻松上手。

zip
easings-main.zip 预估大小:13个文件
folder
easings-main 文件夹
file
.gitignore 34B
file
tsconfig.json 1KB
file
README.md 1KB
folder
.github 文件夹
folder
workflows 文件夹
file
size.yml 258B
file
main.yml 732B
folder
test 文件夹
file
easings.test.ts 2KB
file
index.test.ts 254B
file
LICENSE 1KB
file
package.json 1KB
folder
src 文件夹
file
index.ts 142B
folder
types 文件夹
file
index.d.ts 170B
file
easings.ts 352B
file
yarn.lock 370KB
zip 文件大小:148.42KB