css für bild hover | ProjectDMC.org Deutsch

[ad_1]

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 4 Stunden, 24 Minuten von chrisesch.

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer