一个图片放大效果css样式表

一个简单的图片放大效果css样式表:在鼠标在图片上方时，实现图片放大效果。参数可根据自己实际修改。

div img {
border: 0;
vertical-align: bottom;
max-width: 100%;
cursor: pointer;
transition: all 0.5s;
}

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

解析：
cursor：pointer设定鼠标的形状为一只伸出食指的手，这也是绝大多数浏览器里面鼠标停留在网页链接上方时候的样式。
transition: all 0.5s;宽高都是流畅转变的，时间为0.5s。
transform: scale(1.1)：图片以1.1倍的倍率缩放。