css für bild hover

  • chrisesch

    (@chrisesch)


    vor 1 Jahr, 6 Monaten

    Hallo zusammen,

    Ich tüftel an einem css code der ein graues bild beim „hovern“ farbig und ein wenig die grösse innerhalb der Bildabmessungen verändert. Oder anders ausgedrückt: ein Vergrösserungseffekt des Inhalts wenn per mouse über das Bild gefahren wird.

    Das was ich bisher mit CSS hinbekommen habe: Das bild ändert sein Aussehen von grau auf Farbe, vergrössert aber leider das komplette Bild und nicht nur den Inhalt:

    .hover-color {
    filter: grayscale(100%);
    transition: all 0.1s ease-in-out;
    }
    .hover-color:hover {
    transform: scale(1.1);
    filter: grayscale(0%);
    }

    Hätte hier jemand eine idee um den gewünschten vergrösserungseffekt innerhalb des Bildrahmens hinzubekommen?

    Chris

    • Dieses Thema wurde geändert vor 1 Jahr, 6 Monaten von chrisesch.
Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 1 Jahr, 6 Monaten

    Bitte wende dich mit deiner Frage an ein Support-Forum, in dem es um CSS geht. Die Frage ist (selbst wenn du WordPress nutzt) hier off topic.

    Thread geschlossen.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr, 6 Monaten

    Hallo @chrisesch,
    das ist kein Widerspruch zu dem, was @pixolin oben schrieb. Es ist vollkommen korrekt:

    Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Die Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.

    Für weitere CSS-Probleme jedoch solltest du dich selbst näher mit CSS beschäfigen z. B. hier, hier oder hier.

    Ergänzend zu diesen Links zum Erlernen von CSS noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum

    Abgesehen davon, könnte dir ein Plugin weiterhelfen:
    https://de.wordpress.org/plugins/search/magnify/

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „css für bild hover“ ist für neue Antworten geschlossen.