Durch :active Kindelement einblenden und "einfrieren" und Transition Spielerei

Dafür ist die Pseudoklasse :active auch nicht geeignet

Zitat von kabopress

[COLOR=#000000][FONT=verdana]ich habe ein Glossar auf meiner Seite erstellt und bekomme es nicht hin, dass beim klicken des "Fachbegriffs" der dazugehörige Content stehen bleibt.[/FONT][/COLOR]

[COLOR=#000000][FONT=verdana]
Dafür ist die Pseudoklasse :active auch nicht geeignet.
:active ist eben wirklich nur aktiv, während und solange die Maustaste gedrückt bleibt.

=> Suchbegriff „accordion“ oder „spoiler“ – dort findest du alles, was du in dieser Hinsicht je gesucht haben könntest und/oder auch noch mehr: PlugIns, HowTos, Codeschnipsel, mit oder ohne Transition, mit Javascript, jQuery oder purem CSS. [/FONT][/COLOR]

Zitat von kabopress

[COLOR=#000000][FONT=verdana]Dazu hätte ich gerne, dass der Content langsam eingeblendet wird. Transition funktioniert hier irgendwie nicht.[/FONT][/COLOR]

[COLOR=#000000][FONT=verdana]
Transition funktioniert in der Tat nicht mit allen css-properties. Z.B. nicht mit display – es widerspräche auch der Logik, denn du kannst darstellen oder nicht darstellen (oder block oder inline oder inline-block), aber nicht einen Übergang zwischen darstellen und darstellen.

Wenn du es genauer wissen willst, welche properties sich mit transition „animieren“ lassen, probier es aus oder befrag die Suchmaschine deines Vertrauens, es gibt da Listen.

Zitat von kabopress

Wenn ihr auf Bartstile klickt seht ihr, dass beim :hover über die jeweilige box die box auf der x Achse verschoben wird. Wenn der Mauszeiger woanders hinbewegt wird, springt die box ruckartig in die Ausgangsposition zurück.
Gibt es eine Möglichkeit, dass das zurückspringen ebenfalls "smooth" abläuft?

[/FONT][/COLOR][COLOR=#000000][FONT=verdana]
Ja, indem du auch dem Ursprungszustand eine transition verpasst. [/FONT][/COLOR]

[COLOR=#000000][FONT=verdana]Gruß
helix[/FONT][/COLOR]