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

CSS-Transition macht mehr, als sie soll!

Dieses Thema im Forum "Design" wurde erstellt von timrodenbroeker, 5. September 2014.

Schlagworte:
  1. timrodenbroeker

    timrodenbroeker Well-Known Member

    Registriert seit:
    13. Mai 2013
    Beiträge:
    76
    Zustimmungen:
    0
    Hallo Leute!

    Es geht um die Webseite

    http://www.injuvik.de/

    Ich habe auf die Artikelbilder via CSS eine Transition gelegt, um die Opacity beim Hovern zu verringern. Unglücklicherweise wird die Transition auch auf die Bildgröße angewendet, was beim Neu laden des Loops zu einem unschönen Effekt führt. Zumindest gilt das für Chrome. Vermutlich liegt das an der relativen Breite der Artikelbilder (width: 100%).

    Hat jemand von euch eine Lösung für das Problem?

    Danke schonmal!

    Tim

    Info: Die Artikelbilder haben bei mir die Klasse "articlethumb"

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  2. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Hey Tim,

    ersetze "all" mal durch "opacity".
     
  3. timrodenbroeker

    timrodenbroeker Well-Known Member

    Registriert seit:
    13. Mai 2013
    Beiträge:
    76
    Zustimmungen:
    0
    Das hat hervorragend geklappt, danke!!!!
     
  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.
    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.
    Information ausblenden