Help for vouch

[Mellow]

Alright so I've been trying to figure out how to turn this green box https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_zoom_hover
into an image while retaining the visual effect but I know absolutely nothing about css and I guarantee it's only like two lines of code I just have no idea how to do it
anyone who can help I will give a quick vouch xD

 

[Shaun]

You mean turn it into an <img>? First off, you'll need to have a green box image. Second, when hovering over that image (img: hover) you'll need to add a transform property and scale it. Lastly, to give it that smooth transition - add the transition property to the img element in your CSS. Here is what the code will look like.

=== HTML ===

<img src="path/to/img" alt="Green Box" />

=== CSS ===

img{
transition: transform 1s;
}

img:hover {
transform: scale(1.5);
}