Gradients

by stopsatgreen

HTML

<div></div>

CSS

div {
    background-image: linear-gradient(to right, #f00, #00f);
    height: 100px;
    transition: 1s;
}
div:hover { background-image: linear-gradient(to left top, #0f0, #ff0); }