Transition (weicher Übergang)

Weicher Übergang bei Hover

Lorem ipsum qui ex sale facilis, vel in quidam adolescens. Cum ut ludus homero liberavisse, ex nec lobortis scripserit reformidans. Ignota posidonium ea ius, eos atomorum pericula elaboraret eu.

div {
    background: rgba(0,0,0,0.07);
    […]
    
    /* das entscheidende! */
    transition: all 0.5s ease-in-out;
}

div:hover {
    background: red;
    […]
}