CSS3 过渡生成器
平滑的透明度过渡
热门预设
淡化效果
平滑不透明度 过渡
缩放效果
悬停
旋转效果
旋转e 元素悬停
滑动效果
移动元素位置
颜色更改
背景颜色过渡
关于过渡
CSS 过渡允许您在给定的持续时间内平滑地更改属性值。
常见的动画属性包括：
- 宽度、高度、边
- 距、填充
- 不透明度、颜色
- transform (scale, rotate, translate)
- background-color
专业提示：使用“所有属性”选项为所有更改制作动画。
Preview
HOVER ME
生成的代码
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
过渡控件
300
0
悬停 效果
100%
100%
0°
0px
0px
8px
8px