过渡速记

CSS

div{
    width: 150px;
    height:150px;
    background-color: red;
    transition: background-color 1s;
}
div:hover{
    background-color: green;
}

HTML

<div></div>

此示例将在 div 悬停时更改背景颜色,背景颜色更改将持续 1 秒。