🍋 CSS Tools
CSS Transform 生成器
生成 CSS transform 变换代码
chars
words
sentences
lines
Transform Properties
结果
结果
关于 CSS Transform 生成器
生成 CSS transform 变换代码。可视化调整平移、旋转、缩放和倾斜。
工作原理
提供滑块来可视化调整各种变换参数。实时预览变换效果并生成包含所有变换的 CSS 代码。
分步教程
- 1 [
- 2 '
- 3 调
- 4 整
- 5 平
- 6 移
- 7 （
- 8 X
- 9 /
- 10 Y
- 11 ）
- 12 参
- 13 数
- 14 '
- 15 ,
- 16
- 17 '
- 18 设
- 19 置
- 20 旋
- 21 转
- 22 角
- 23 度
- 24 '
- 25 ,
- 26
- 27 '
- 28 调
- 29 整
- 30 缩
- 31 放
- 32 比
- 33 例
- 34 '
- 35 ,
- 36
- 37 '
- 38 可
- 39 选
- 40 添
- 41 加
- 42 倾
- 43 斜
- 44 效
- 45 果
- 46 '
- 47 ,
- 48
- 49 '
- 50 复
- 51 制
- 52 生
- 53 成
- 54 的
- 55
- 56 C
- 57 S
- 58 S
- 59
- 60 代
- 61 码
- 62 '
- 63 ]
提示
- [
- '
- t
- r
- a
- n
- s
- f
- o
- r
- m
- 动
- 画
- 比
- 改
- 变
- 位
- 置
- 属
- 性
- 性
- 能
- 更
- 好
- 。
- '
- ,
- '
- s
- c
- a
- l
- e
- (
- 0
- )
- 到
- s
- c
- a
- l
- e
- (
- 1
- )
- 可
- 以
- 创
- 建
- 弹
- 出
- 效
- 果
- 。
- '
- ,
- '
- t
- r
- a
- n
- s
- l
- a
- t
- e
- Z
- (
- 0
- )
- 可
- 以
- 触
- 发
- G
- P
- U
- 加
- 速
- 。
- '
- ]