CSS 过渡生成
组合属性、时长、缓动与延迟,生成 CSS transition 代码,适合给交互动效快速写样式。
CSS 过渡生成怎么用
- 填属性(如 all 或 transform, opacity)
- 设时长、缓动与延迟
- 点「生成」得到 transition 代码
这个工具的特点
- 所有计算都在你的浏览器里完成,粘贴的内容不会上传到服务器
- 无需注册登录,打开页面即可使用,手机端同样顺手
- 全部按 UTF-8 字节处理,中文不会出现乱码
常见问题
- 这个工具收费吗?
- 完全免费,无需注册登录,不限使用次数。
- 我的数据会被上传吗?
- 不会。所有计算都在你的浏览器本地完成,输入内容不会离开你的设备。
- 怎么使用?
- 在上方输入框填写内容,点击对应按钮即可获得结果,点“复制结果”即可带走。
- 多个属性怎么写?
- 用逗号分隔多个属性即可,例如 transform, opacity,每个会套用相同的时长与缓动。