Wordpress教程：RiPro主题给Logo添加闪光效果

最近看到很多的网站LOGO都有个闪光的效果，怎么做的呢？小编也研究了下，适合所有网站，下面把代码分享给大家……

登录wordpress后台，找到RiRro主题设置 - 顶部设置 - 自定义CSS样式代码（这里美化不怕更新哈哈哈），在输入中添加以下CSS代码：

/*LOGO 留光效果*/

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

}

@-webkit-keyframes searchLights {

0% { left: -90px; top: 0; }

to { left: 90px; top: 0; }

}

1. 本站资源均来源于用户上传和网络整理，如有侵权，请邮件联系站长删除！

2. 分享目的仅供大家学习和交流，请不要用于商业用途！否则，后果请用户自负。

3. 本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除。

4. 如果您喜欢本站发布的资源，请支持正版，购买正版可以得到更好的正版服务。如有侵权，请邮件与我们联系处理。

5. 如遇到加密压缩包，默认解压密码为lingshan.info，如遇到无法解压的请联系管理员！

分享到：