丰富好用的Hover.css效果库

2021-06-08 06:36

1d4ec88aa1b724e6660ec4b9d5d1103d.webp


使用方法:


1. 下载Hover.css

215a02b19eb4eab0cd765fac0f2148ef.webp

下载的文件


648055ef786fa4c68d66f5f8e0eea8cb.webp
2. 将hover-min.css拷贝到项目中

c42574aca62e2af651f11bd86309adcd.webp
3. 打开官网的效果案例,右键打开源代码,拷贝需要效果的类名
5a12b137dc254159168d0c1ac7d5f578.webp
4. 在需要的元素标签上添加对应效果的类名,注意直接添加类名就有hover效果,不需要自己写hover,例如这样添加上,然后鼠标移入就会出现效果

a4fb65b825bfe8e9dfa34556081fdd71.webp
效果:5bfec59a3fdd3079f2508dc257b5190c.webp
浏览 42
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报