background-color与渐变hover过渡效果实例页面
回到相关文章 »效果：
代码：
CSS代码：
.box {
max-width: 400px;
height: 200px;
background: olive linear-gradient(to right, rgba(0,255,0,0), rgba(0,255,0,.5));
transition: background-color .5s;
}
.box:hover {
background-color: purple;
}
HTML代码：
<div class="box"></div>