博客左上角logo扫光动态css代码分享

博客左上角logo有扫光，有的朋友可能以为是gif动态图片，其实是用css代码弄的， 以下是代码分享，需要的朋友自取

/*扫光开始*/.header-logo {position:relative;float:left;margin-right:10px;padding:5px 0;overflow: hidden;}.header-logo a:before{content:"";position: absolute;left: -665px;top: -460px;width: 200px;height: 15px;background-color: rgba(255,255,255,.5);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);/*角度倾斜45*/-webkit-animation: searchLights 1s ease-in 1s infinite;-o-animation: searchLights 1s ease-in 1s infinite;animation: searchLights 2s ease-in 2s infinite;/*光扫过去的时间，自己修改，可以加快*/}@-webkit-keyframes searchLights {0% { left: -100px; top: 0; }to { left: 120px; top: 100px; }}@-o-keyframes searchLights {0% { left: -100px; top: 0; }to { left: 120px; top: 100px; }}@-moz-keyframes searchLights {0% { left: -100px; top: 0; }to { left: 120px; top: 100px; }}@keyframes searchLights {0% { left: -100px; top: 0; }to { left: 120px; top: 100px; }}/*扫光结束*/

 

有一个好记又有意义的域名还是很有必要的

欢乐泼水节，畅享水战，体验高潮，关于泼水节中的文化和历史！如何快速查看内存条是第几代？DDR3还是DDR4？飞机窗帘开关动画，HTML+CSS实现怎么禁用Edge浏览器的圆角设计？Edge浏览器关闭圆角设计教程-追梦人

---

---

相关标签： css代码、

上一篇：子比主题教程分享一个简单实用的标题分割线

下一篇：底部好看的波浪代码分享，已注释好，颜色自己更