在最爱源码网可以下载免费的程序源码资源,欢迎大家分享投稿!!

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; }
}

网站侵权说明: 本站采用 CC BY-NC-SA 4.0 国际许可协议 进行许可,转载或引用本站文章应遵循相同协议。
1 本站为转载分享站点,不提供任何上传下载服务,所有内容均来自互联网第三方分享站点所提供的公开引用内容,不需要任何付费即可公开阅读。
2 本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。
3 本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。
4 如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!我们会在24h内删除有争议的资源。

最爱源码网 » ripro主题美化-ripro主题Logo加闪光效果
升级VIP尊享更多特权立即升级