The style only needs to appear in the head one time per page... the class call it into play.

visual html

Body tab:

<img src="7sm.jpg" class="zoom" alt="girl"/>

 

Head tab:

<style>

.zoom {

transition: transform .2s; /* Animation */

}

　

.zoom:hover {

transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}

</style>

Click this image--->

This one is done using Antenna picture not visual html..

click to open light frame

--->