Bilder mit MouseOver-Effekt

Ein Bild über die CSS-Anweisung "transform: scale(...)" bei Mouseover zu skalieren, ist ein netter Effekt.

Beispiel 1: Bild in Text-Element (kopiert)

Text-Element: Bild nicht skalierbar

Tabellenelement: eingesetztes Bild skalierbar

html-Code

</a>

CSS-Code

.bild:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.bild {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

Beispiel 2: Normales Bild-Element (id="cc-m-13031144824")

CSS-Code

#cc-m-13031144824 img:hover {

-webkit-transform:scale(1.2);
transform:scale(1.2);
}

#cc-m-13031144824 img {

-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

Update:

...und hier das Ganze in einem Container: