如何使用CSS在鼠标悬停时缩放图像？

.geeks {

    width: 300px;

    height: 300px;

    overflow: hidden;

    margin: 0 auto;

}

.geeks img {

    width: 100%;

    transition: 0.5s all ease-in-out;

}

.geeks:hover img {

    transform: scale(1.5);

}