Transition css da height 0 a height auto

Per eseguire correttamente una transizione sull’altezza bisogna fornire come input due altezze esplicite e “auto” non è contemplata. Invece di eseguire la transition sulla height, applicala sulla max-height e imposta il valore di max-height di poco maggiore di quanto il box in questione potrà mai arrivare.

div {
    max-height:0;
    overflow:hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div:hover{
    max-height:50px;
}

Vai all'archivio
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github