CSS实现鼠标移入时图片的放大效果及缓慢过渡效果代码实例

本篇文章小编给大家分享一下CSS实现鼠标移入时图片的放大效果及缓慢过渡效果代码实例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

transform:scale()可以实现按比例放大或者缩小功能。

transition可以设置动画执行的时间，实现缓慢或者快速的执行动画，效果图如下：

源码：

css;">

	
		
		css实现鼠标移入时的放大效果
        
	
	
		

- 图片溢出div时遮罩：

源码：

	
		
		css实现鼠标移入时的放大效果