在写页面时，会遇到放大图片的需求，这时我们可以通过css3的transform属性来放大图片。今天我给大家介绍下css3如何实现鼠标移入到图片上图片放大的效果

1.打开编辑器，在编辑器内新建一个index.html，用来学习今天的内容

 

2.在页面body区域新增一个div标签,并在div标签内引入一张图片,用来测试代码的效果

 

3.在style标签内，分别给div标签和img标签加上基础样式

 

4.当鼠标移入到图片上，使用css3 transform和transition属性放大图片，并且在图片标签上加上缓慢变大的效果，transform后面数字越大，图片会变的越大。transition后面的数字越大，动画持续的时间越长（时间太长，交互性会不好）

 

5.在浏览器中打开index.html页面，当我们把鼠标移入到图片，就会发现图片缓慢变大