HTML Bild Zoom gleichmäßig nach links und rechts?

Hallo,

habe ein Bild in HTML platziert, welches sich sobald man mit der Maus drüber geht auf +10% vergrößert. Jedoch wird das Bild nur "nach rechts" skaliert und bleibt links bündig.

Ich hätte gerne dass es in beide Richtung gleich weit skaliert wird.

Answer 1

[tavkomann]

Dann musst du die Position ebenfalls ändern.

Oder du machst es dir einfach und nutzt CSS3 Transforms. Hier habe ich dir ein Beispiel erstellt:

https://jsfiddle.net/mmhe4u3d/

Comments

[Unbek4nt]

Jop, klappt, danke! :)

Answer 2

[Dory1]

html

<img src="URL" class="bild">

css

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

Comments

[Unbek4nt]

Jop, klappt, danke! :)