ripro主题美化-ripro主题Logo加闪光效果

最近看到很多wordpress系统建站的网站LOGO都有个闪光的效果,适合所有网站,下面把代码分享给大家……

需要修改文件分别为:

文件你看哪个位置方便分别可加在主题设置css里也可以放在\ripro\assets\css\diy.css

.logo-wrapper {
position: relative;
font-size:2em;
font-weight:700;
line-height:39px;
overflow:hidden;
margin:0;
}

.logo-wrapper::before{
content:””;
position: absolute;
width: 150px;
height: 10px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1s ease-in 1s infinite;
}
.ripro-dark .logo-wrapper::before{
content:””;
position: absolute;
width: 150px;
height: 10px;
background-color: rgba(25, 22, 22, 0.55);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1s ease-in 1s infinite;
}

@-webkit-keyframes searchLights {
0% { left: -90px; top: 0; }
to { left: 90px; top: 0; }
}

下载说明 : 本站所有资源(包括模板、教程、插件、源码、教程等)仅供学习与参考,请勿用于商业用途。 禁止恶意使用本站资源搭建或从事违法行为,一律使用于者承担。 本站只提供资源下载服务,不保证资源完整可用性和安全性,不免费提供相关技术指导与帮助。
起点源码 » ripro主题美化-ripro主题Logo加闪光效果