1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

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

Dieses Thema im Forum "Design" wurde erstellt von kabopress, 2. Juli 2016.

Schlagworte:
  1. kabopress

    kabopress Member

    Registriert seit:
    25. Februar 2016
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo zusammen,

    ich habe ein Glossar auf meiner Seite erstellt und bekomme es nicht hin, dass beim klicken des "Fachbegriffs" der dazugehörige Content stehen bleibt.

    Das Glossar ist bei einer Pixelbreite < 611 px sichtbar.

    Dazu hätte ich gerne, dass der Content langsam eingeblendet wird. Transition funktioniert hier irgendwie nicht.

    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?

    Das Glossar ist über http://www.barttrimmer-test.info ganz unten zu finden.

    Die erwähnten Boxen die sich beim hovern verschieben sind unter http://www.barttrimmer-test.info/bartvariationen zu finden.


    Besten Dank im Voraus :p
     
    #1 kabopress, 2. Juli 2016
  2. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Dafür ist die Pseudoklasse :active auch nicht geeignet


    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.


    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.


    Ja, indem du auch dem Ursprungszustand eine transition verpasst.

    Gruß
    helix
     
    #2 helix, 2. Juli 2016
    Zuletzt bearbeitet: 2. Juli 2016
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden