在知更鸟大神的网站看到他的Begin主题Logo有扫光特效,看起来还是比较炫的。研究了一下,发现是用:before选择器实现的扫光效果,现在把代码甩出来,觉得好看的可以在自己的站点上试一试。 Logo扫光方法 方法很简单,只需要添加一段css代码即可,如果你是WordPress程序,那么请在当前主题css文件最下方添加如下代码,需注意:代码中的logo:before,根据自己的实际情况修改为当前主题的Logo元素选择器名称。 logo扫光效果CSS logo:before{ content:“”; position: left:665 top:460 width:200 height:15 backgroundcolor:rgba(255,255,255,。5); webkittransform:rotate(45deg); moztransform:rotate(45deg); mstransform:rotate(45deg); otransform:rotate(45deg); transform:rotate(45deg); webkitanimation:searchL11 oanimation:searchL11 animation:searchL11 } searchL{ 0{left:100top:0;} {left:120top:100} } searchL{ 0{left:100top:0;} {left:120top:100} } searchL{ 0{left:100top:0;} {left:120top:100} } searchL{ 0{left:100top:0;} {left:120top:100} } 当然,此效果也适用于其他建站程序,其仅仅是一个CSS效果而已。