.square {
    transition: background-color ease .3s;
    height: 100px;
    width: 100px;
    background-color: red;
}

.square:hover {
    background-color: blue;
}