CSS3意识到当鼠标移动到图片时图片会变大（慢慢变大，会有过渡效果

CSS3的transform: scale（）可以实现放大或缩小的功能.

CSS3的过渡允许CSS属性值在特定时间间隔内平稳过渡. 当鼠标单击，获得焦点，被单击或对元素进行任何更改并平滑地为CSS属性值设置时，可以触发此效果.

效果如下图所示:

1. 没有将鼠标放在图片上的效果:

2. 将鼠标放在图片上时（缩放过程具有过渡，可以自定义过渡时间）:

代码如下:

其中:

转换: 全为0.6s；表示所有属性更改均在0.6秒内完成.

transform: scale（1.4）;表示将鼠标放在图片上时图片会放大1.4倍.

代码下载地址:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-292201-1.html