在罗宾斯大神的网站上看到他的Begin主题Logo有扫光特效，看起来还是挺炫的。研究了一下，发现是通过:before selector实现的扫频效果。现在，扔掉代码。如果你觉得好看，可以在自己的网站上试试。
Logo扫法 方法很简单，你只需要添加一段css代码。如果你是WordPress程序，请在当前主题的css文件底部添加以下代码。注意:代码中的#Logo:before根据你的实际情况改为当前主题的Logo元素选择器的名称。
/**logo扫光效果CSS**/ #logo:before{ content:&#;&#;; position: absolute; left: &#;px; top: &#;px; width: px; height: px; background-color: rgba(,,,.); -webkit-transform: rotate(-deg); -moz-transform: rotate(-deg); -ms-transform: rotate(-deg); -o-transform: rotate(-deg); transform: rotate(-deg); -webkit-animation: searchLights s ease-in s infinite; -o-animation: searchLights s ease-in s infinite; animation: searchLights s ease-in s infinite; } @-webkit-keyframes searchLights { % { left: &#;px; top: ; } to { left: px; top: px; } } @-o-keyframes searchLights { % { left: &#;px; top: ; } to { left: px; top: px; } } @-moz-keyframes searchLights { % { left: &#;px; top: ; } to { left: px; top: px; } } @keyframes searchLights { % { left: &#;px; top: ; } to { left: px; top: px; } }当然这个效果也适用于其他建站程序，只是一个CSS效果。
作者：徐州百都网络 | 来源： | 发布于：2022-04-12 00:18:12