[分享]css3实现鼠标移入图片放大

CSS3是一种用于定义Web页面样式的技术，其中最新版本增加了一系列新特性，其中之一是允许开发者在鼠标移入图片时放大图片。/ 添加CSS样式以使鼠标移入的图片放大 / img { transition...

CSS3是一种用于定义Web页面样式的技术，其中最新版本增加了一系列新特性，其中之一是允许开发者在鼠标移入图片时放大图片。

/* 添加CSS样式以使鼠标移入的图片放大 */
img {
  transition: all 0.2s ease-in-out;
}

img:hover {
  transform: scale(1.1);
} 

使用以上CSS样式，当鼠标移入图片时，图片将被缓慢地放大并变得更清晰。利用CSS3中的transition和transform属性，开发人员可以实现Web页面中的动态效果，从而吸引更多访问者。