Image animation when the mouse pointer is on the image

Question

i want the image to be 50% bigger when thr mouse pointer enter the image.. and the size goes back to normal when the mouse pointer leave the image.. how?

Answer 1

img:hover {
-ms-transform: scale(1.5, 1.5); /* IE 9 */
    -webkit-transform: scale(1.5, 1.5); /* Safari */
    transform: scale(1.5, 1.5);
}

Answer 2

https://code.sololearn.com/WplL4058t0hT/?ref=app