使用伪类实现鼠标放在相应位置就可以实现网页上的类似效果（效果图）
闲话少叙，现在开书
1.<style>内代码如下
<style>
.box1:hover{
box-shadow:0 15px 30px rgba(0,0,0,.3);
注释：box-shadow 前面三个参数控制阴影范围，最后一个是阴影颜色浓度；
-webkit-transform:translate3d(0,-10px,0);
注释：-webkit-transform为上浮控制，上浮程度填写在（）内的第二个参数【值得注意的是
上浮为负数，下沉为正】；
transition: 1s;
注释：transition为延迟（也就是变大变慢些，上浮慢些），延长整个过程时间填写在：
后；
transform:scale(1.5)；
注释：transform为放大倍数，倍数在（）内填写；
}
.change:hover{color:red;}
注释：color控制文字颜色；
</style>
2.<body>内代码如下
<div class="box1"><img src="图片路径" width="" height="">
<p class="change_color">绝地逃亡</p>
</div>
364
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
