css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果代码

作者：袖梨 2022-06-25

本篇文章小编给大家分享一下css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果代码，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

代码： 

img{width: 100%;border-radius: 3px;transition: all 2s;}
img:hover{transform: scale(1.2);}

img外层标签元素，需要设定overflow: hidden，否则图片放大后会溢出覆盖其他内容。

相关文章

精彩推荐