Web页面中5种超酷的Hover效果分享

这种效果非常适合于当页面上有一横排图片的场景，当鼠标hover时就产生波浪一样的效果。
这个效果实现是非常简单的，并且有多种方法实现，如下的核心实现方法是：初始给所有图片设置mergin，当hover时，给相应的图片减少mergin的值，这样就实现了向上跳跃的效果。
这种效果不光可以应用于图片，一般的横向排列的导航栏也可以应用这样的效果。
效果中的透明效果是并不是必须的，不设置透明属性并不影响hover时的跳跃效果，加上透明只是为了让效果更平滑。
CSS代码：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表