CSS 过渡生成

组合属性、时长、缓动与延迟,生成 CSS transition 代码,适合给交互动效快速写样式。

CSS 过渡生成怎么用

  1. 填属性(如 all 或 transform, opacity)
  2. 设时长、缓动与延迟
  3. 点「生成」得到 transition 代码

这个工具的特点

常见问题

这个工具收费吗?
完全免费,无需注册登录,不限使用次数。
我的数据会被上传吗?
不会。所有计算都在你的浏览器本地完成,输入内容不会离开你的设备。
怎么使用?
在上方输入框填写内容,点击对应按钮即可获得结果,点“复制结果”即可带走。
多个属性怎么写?
用逗号分隔多个属性即可,例如 transform, opacity,每个会套用相同的时长与缓动。