博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS/JS图片鼠标悬浮一道光闪过
阅读量:5838 次
发布时间:2019-06-18

本文共 432 字,大约阅读时间需要 1 分钟。

     看到有些网站logo鼠标悬浮上面的时候,会出现一道光,一闪而过,刚开始以为是gif图,已审查,

居然不是;现在就实现在这种效果:

先看看CSS实现的效果图:

     看到没,就是这道刺眼的白光。。。。   啊啊。。我的眼睛。。。。

代码:

            
Document

 

     不知各位看官看出里面的问题没,就是鼠标离开的时候,一道光回回退回去,就是这个。。。

     现在js实现,打开上面的注释,加hover事件,我们用动画animate实现:

            
Document

   

纯CSS实现:

            
Document

   链接;http://www.loveqiao.com/archives/417

转载地址:http://usjcx.baihongyu.com/

你可能感兴趣的文章
前端基础之JavaScript
查看>>
自己动手做个智能小车(6)
查看>>
自己遇到的,曾未知道的知识点
查看>>
P1382 楼房 set用法小结
查看>>
分类器性能度量
查看>>
windows 环境下切换 python2 与 pythone3 以及常用命令
查看>>
docker 基础
查看>>
解决灾难恢复后域共享目录SYSVOL与NELOGON共享丢失
查看>>
写一个bat文件,删除文件名符合特定规则,且更改日期在某
查看>>
我的友情链接
查看>>
写Use Case的一种方式,从oracle的tutorial抄来的
查看>>
【C#】protected 变量类型
查看>>
Ubuntu解压
查看>>
爬虫_房多多(设置随机数反爬)
查看>>
藏地密码
查看>>
爬虫去重(只是讲了去重的策略,没有具体讲实现过程,反正就是云里雾里)...
查看>>
react中将px转化为rem或者vw
查看>>
8816
查看>>
avcodec_open2()分析
查看>>
何如获取单选框中某一个选中的值
查看>>