具体的实现思路是：
先给一个div盒子设置宽高(与想要放的图片的宽高一致)，然后放入图片(这里图片给超链接，故为a标签)。
<body>
<div>
<a href="#">
<img src="images/scale.jpg" alt="">
</a>
</div>
<div>
<a href="#">
<img src="images/scale.jpg" alt="">
</a>
</div>
<div>
<a href="#">
<img src="images/scale.jpg" alt="">
</a>
</div>
</body>
然后设计Css样式
<style>
div {
overflow: hidden; //溢出部分隐藏
float: left; //三个div盒子 添加左浮动 显示在一行上
margin: 100px; //给一个100像素的间距
}
div img {
transition: all .4s; //给图片添加过渡效果 对宽高有一个0.4s的过渡
}
div img:hover {
transform: scale(1.1); //当鼠标经过时div里面的图片宽高同时变为原来的1.1倍
cursor: pointer; //并且光标变为指示链接的指针（一只手）
}
</style>
成功实现！！！
137
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
