Wie füge ich einen CSS3-Übergang mit HTML5-Details/Zusammenfassungs-Tag-Anzeige hinzu? ⇐ CSS

[Anonymous]

Gibt es eine Möglichkeit, mit nur CSS3 einen schönen Einblend- und Schiebe-von-links-Übergangseffekt zu DETAILS hinzuzufügen?/

Code: Select all

SUMMARY

offenbaren?
Eine Demo dieses neuen Tags finden Sie in dieser Demo:

Code: Select all

details {
transition:height 3s ease-in;
}

Code: Select all

Copyright 1999-2014.

 - by Refsnes Data. All Rights Reserved.
All content and graphics on this web site are the property of the company Refsnes Data.

In meinem Fall habe ich nach dem summary-Tag alle anderen Inhalte in einen eigenen Abschnitt-Tag eingefügt, damit ich ihn formatieren konnte, weil der summary:after-Selektor nicht zu funktionieren schien. Ich habe versucht, CSS3-Übergänge für die Höhe für die Tags section und details zu verwenden, aber es hat nicht geholfen.