过渡缓动

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

属性名:transition (复合属性)

属性值:过渡的属性 花费的时间(s)

提示:

• 过渡的属性可以是具体的CSS属性
• 也可以是all(两个状态属性值不同的所有属性, 都将产生过渡效果)
• transition 设置给元素本身

例子:

<img src="image.png">

img{
    width: 300px;
    height: 300px;
    transition: all 0.5s;
}

img:hover{
    width: 500px;
    height: 500px;
}