transition的细节
当使用hover绑定transition时,只会在hover时产生渐变动作,当hover结束后会立刻返回原型。
因此应当在元素定义时就设置transtion,而不是在hover时设置。
#app{
width: 100px;
height: 100px;
background-color: yellow;
transition: width 2s; //这里设置渐变的属性、时间
}
#app:hover{
width: 300px; //设置渐变结果
}