.circle{
    width: 300px;
    height: 300px;
    background-color: magenta;
    transition: background-color 1s 1s;
}
.circle:hover{
    background-color: cyan;
    border-radius: 50%;

}