当鼠标悬停在图像上时如何缩放？

.image:hover {
  transform: scale(1.2); /* 缩放比例为1.2 */
}

var image = document.querySelector('.image');
image.addEventListener('mouseover', function() {
  image.style.width = '120%'; /* 宽度增加20% */
  image.style.height = '120%'; /* 高度增加20% */
});

image.addEventListener('mouseout', function() {
  image.style.width = ''; /* 恢复原始宽度 */
  image.style.height = ''; /* 恢复原始高度 */
});

$('.image').hover(function() {
  $(this).css('transform', 'scale(1.2)'); /* 缩放比例为1.2 */
}, function() {
  $(this).css('transform', ''); /* 恢复原始大小 */
});