外观
过渡缓动
约 146 字小于 1 分钟
2024-10-02
作用: 可以为一个元素在不同情况之间切换的时候添加过渡效果
属性名: transition (复合属性).
属性值: 过渡的属性 花费的时间(s).
提示:
- 过渡的属性可以是具体的CSS属性.
- 也可以是all(两个状态属性值不同的所有属性, 都将产生过渡效果).
transition设置给元素本身.
例子:
HTML
<img src="assets/304ba504f27b147a71e00dd072a6be3dbb43138e.gif" alt="img">CSS
img{
width: 300px;
height: 300px;
transition: all 0.5s;
}
img:hover{
width: 500px;
height: 500px;
}版权所有
版权归属:洱海