缓动预置Tailwind CSS扩展过渡计时功能
想给你的 Tailwind 项目加点动感?@downwindcss/easings了一堆经典的缓动效果,可以让你轻松给元素添加平滑过渡。使用简单,安装配置完毕后,直接使用以ease-*
为前缀的类名就行了,比如ease-in-out-cubic
、ease-out-back
,效果蛮好。对于大多数常见的过渡,效果都不错,但注意有些专门的缓动效果在 Tailwind 内核里已经内置,所以会有些类不能使用。值得一提的是,它基于 Tailwind 开发,和 Tailwind 的语法风格契合,所以不会破坏你的开发流程。
推荐给想要快速搞定页面动画的开发者,是那些对 Tailwind 已经熟悉的。
,别忘了查看它的文档和npm
安装方式,按照步骤操作就能轻松上手。
easings-main.zip
预估大小:13个文件
easings-main
文件夹
.gitignore
34B
tsconfig.json
1KB
README.md
1KB
.github
文件夹
workflows
文件夹
size.yml
258B
main.yml
732B
test
文件夹
easings.test.ts
2KB
148.42KB
文件大小:
评论区