I want to enlarge image on hover for a image in a table records

Hi,

I want to enlarge image on hover for a image in a table records using  html/css:

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

Let me know how to do it ?

Hi Vishal

I have attached an OML of my solution, see if this helps

TestImg.oml

Hi Stefan,

Thank you so much ! Its working .We have to include it in <style> </style> to get it working.

<Style>
.my-image:hover {
    transform: scale(1.3);
}
</style>

Hi Vishal

You should be able to add a class in the Style Sheet Editor like this

.my-image:hover {
    transform: scale(1.3);
}

Then just add the class my-image to the Image element

Ok. Thank you. I tried it but its not working.

Hi Vishal

I have attached an OML of my solution, see if this helps

TestImg.oml

Hi Stefan,

Thank you so much ! Its working .We have to include it in <style> </style> to get it working.

<Style>
.my-image:hover {
    transform: scale(1.3);
}
</style>
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.