☰
CSS 过渡动画生成器
搜索
广告位 - 欢迎投放
CSS 过渡动画生成器
可视化生成 transition 过渡效果代码
Hover Me
鼠标悬停上方方块查看过渡效果
过渡属性
all（所有属性）
opacity（透明度）
transform（变换）
background-color（背景色）
color（文字色）
width（宽度）
height（高度）
border-radius（圆角）
box-shadow（阴影）
时长
0.3
s
延迟
0
s
缓动函数
ease（默认）
linear（线性）
ease-in（缓入）
ease-out（缓出）
ease-in-out（缓入缓出）
回弹 bounce
Material
过渡效果类型
放大 Scale
旋转 Rotate
位移 Translate
淡化 Opacity
背景色变化
圆角变化
阴影变化
斜切 Skew
CSS 代码
复制