Mouseover-Effekt
Moin. Ich muss mich entschuldigen, aber ich bin absoluter Neuling in diesem Gebiet und komme nicht weiter.
Ich betreibe eine Website und möchte gern eine Mouseover-Effekt einsetzen, um Bilder besser dar zu stellen. In meinem Fall muss ein Bild rangezoomt werden, sobald ich mit der Maus drüber fahre. Ich habe schon mehrere HTML-Codes ausprobiert, hatte aber bisher keinen Erfolg. Kann mir jemand sagen wo der Fehler liegt bzw. ob ich vllt. sogar auf dem Holzweg bin mit meinem Code ? Code:
<style type="text/css"> |
Ich empfehle dir hier, das rein mit CSS zu realisieren:
https://css-tricks.com/snippets/css/...it-transition/ Mehr als diesen CSS-Code brauchst du da nicht wirklich. Natürlich musst du den "grow"-Klassennamen durch deinen eigenen Klassennamen, bzw. CSS-Selektor ersetzen. Das kann natürlich auch ul li img{ ... } (oder was du möchtest) sein. scale(1.1) heißt eine Skalierung auf das 1.1-fache, bei einer größeren Skalierung einfach den Wert anpassen: scale(2) verdoppelt zB dein Bild. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 20:06 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023