Unlösbar ohne JavaScript? Transitions können das nicht!

[Matthias Apsel]

Om nah hoo pez nyeetz, Felix Riesterer!

nav li ul {

display: none;
}

nav li:hover > ul {
    display: block;
    transition: 1s display; /* unmöglich, weil nicht "animatable" */
}

  
~~~css
nav li ul {  
    display: none;  
    opacity: 0;  
}  
nav li:hover > ul {  
    display: block;  
    opacity: 1;  
    transition: opacity ease 1s; /* möglich, weil animatable */  
}

Matthias