下降效果

首先是代码部分

 

 

html部分由一个div包裹这一张图片和另一个div组成

Ccs部分主要用到的是position的定位方法和hover伪类相辅

 

首先呢就是把要实现下降效果的div定位道最大的div上，当鼠标移入到最大的div上的时候下降效果才缓慢下降。

效果图如下：

 

 

 

好了，这次的分享就到这里，这只是简单的伪类使用方法，感兴趣的话可以自己去试一下。