Foundation top-bar transizione

[lucavalentino]

Per creare un layout responsive sto utilizzando il framework Foundation.
Al menu top-bar vorrrei che al hover i sottomenu apparissero con una transizione con:

line-height: 0%!important; transition: line-height 1.3s !important;

su hover
line-height:100% !important;

Come potrei fare. Suggerimento.

[lucavalentino]

Vorrei creare un'animazione per i sottomenu tipo questa http://candpgeneration.com/toys/CSS3-dropdown-tut.php
Ricordo che per creare il menu uso Foundation che per il menu usa js perciò se l'effetto non è possibile con css3 come sia possibile con jquery

[deleted_20210415]

Non capisco cosa c'entra il line-height. Puoi postare il codice del menù e relativo sottomenù?
Comunque ammesso che il sottomenù sia contenuto in un ul, potresti semplicemente scrivere:

.nomemenu ul ul {

position: absolute;
height: 0px;
width: a tua scelta(px);
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-transition: 0.3s ease-in;

}

.nomemenu > ul > li:hover ul {

height: a tua scelta(px);
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
-transition: 0.3s ease-in;

}

N.B.: la scritta "px" va affiancata al numero che sceglierai, senza virgolette, parentesi o spazi