how to increase the size of an image when you hover over css code example

Example 1: how to enlarge image wen hover

Enter the following block of code into the Custom CSS field in your job
 
.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}
 
in the HTML Add the attribute, class="thumbnail" to each image element 
that you would like to enlarge on hover so that the element looks something like this
 
<img src="[your hosted image URL]" class="thumbnail" height="100" width="100" />

Example 2: how to enlarge image when hover on in css

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

Tags:

Css Example