How To Zoom on Hover via css

I don’t want to use jquery popup etc to zoom the image, I have in my data listing via data table.

Can we do it via css directly?

Asked on October 6, 2020 in CSS.
Add Comment
1 Answer(s)

give all images of your data table listing a common class say class=”zoom”

and then try,

.zoom:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);

you can scale for larger via as well just change 1.5 => 10 or something

Answered on October 6, 2020.
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.