CSS3-Animation: Das Bild wird allmählich größer, wenn sich die Maus darauf befindet, und allmählich kleiner, wenn die Maus es verlässt

Wirkungsprüfungsadresse: Tourplan (uplanok.com)

Code:

img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}

Das äußere img-Tag-Element muss auf „overflow: hidden“ gesetzt werden, da das Bild sonst nach der Vergrößerung überläuft und andere Inhalte überdeckt.

Dies ist das Ende dieses Artikels über CSS3-Animation, die ein Bild allmählich größer macht, wenn die Maus darauf platziert wird, und allmählich kleiner, wenn die Maus davon entfernt wird. Weitere relevante CSS3-Bilder zum Vergrößern und Verkleinern finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder stöbern Sie weiter unten in den verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!