Java image hover effects

A simple Javascript effect. If you hover the image with your mousecursor, the image zoomes in a bit. You can easily change the settings if you like to. Don't be shy to ask me, if you have any questions.

Example

Codes

Javascript Code	Css Code	Html Code
<script> const image = document.getElementById('myImage'); image.addEventListener('mouseenter', function() { image.style.transform = 'scale(1.1)'; }); image.addEventListener('mouseleave', function() { image.style.transform = 'scale(1)'; }); </script>	.zoom-img { width: 300px; transition: transform 0.3s ease; }	<img src="YOUR IMAGE URL" alt="Bild" class="zoom-img" id="myImage">