作用: 可以为一个元素在不同情况之间切换的时候添加过渡效果

属性名: 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;
}

版权所有

版权归属：洱海

许可证：署名 4.0 国际 (CC-BY-4.0)

编辑此页

贡献者: 洱海

上一页垂直对齐方式

下一页透明度