Log in to AnswerLog in to Follow
UserImage.jpg
Vishal Gangwal
16Views
4Comments
Solved
I want to enlarge image on hover for a image in a table records
Question
CSS
OutSystems Widgets
Traditional Web

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 ?
0
0
09 Jun

Replying to Vishal Gangwal's comment on 09 Jun 2022 09:29:59

Hi Vishal

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

See solution in context
TestImg.oml

0
0
09 Jun

Replying to Stefan van Deventer's comment on 09 Jun 2022 10:51:50

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>
See solution in context
0
0
09 Jun

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

0
0
09 Jun

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

0
0
09 Jun

Replying to Vishal Gangwal's comment on 09 Jun 2022 09:29:59

Hi Vishal

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

TestImg.oml

0
0
09 Jun

Replying to Stefan van Deventer's comment on 09 Jun 2022 10:51:50

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>
0
0
09 Jun
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.