In this guide I will explain with HTML & CSS how to make the effect that the image enlarges to hover.
First we write the HTML structure with the image:
Now in CSS (in the tag head through style sheet or through style) we insert:
Now, instead of width: XXpx we put a number of px higher than the image and equal to height.
I hope the guide was helpful to you
First we write the HTML structure with the image:
HTML:
<html>
<head>
<title>Titolo</title>
<meta charset="utf-8">
</head>
<body>
<img src="link img" class="classe">
</body>
</html>
CSS:
img.classe
{
width:auto;
}
img.classe:hover
{
width:XXpx;
height:XXpx;
}I hope the guide was helpful to you
