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

Beitrag lesen

Liebe Ingrid,

sicherlich muss sogar Gunnar daran scheitern, dass dieses Verhalten der Aufklapp-Navi rein mit CSS-Mitteln (insbesondere "transitions") erreicht werden könnte. Eine wesentliche Lücke im transitions-Konzept von CSS ist, dass man den Wert mancher Eigenschaften nicht zeitverzögert ändern ("not animatable") kann:

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

Liebe Grüße,

Felix Riesterer.

--
"Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes)