大凌 Wordpress教程：RiPro主题给Logo添加闪光效果
最近看到很多的网站LOGO都有个闪光的效果，怎么做的呢？小编也研究了下，适合所有网站，下面把代码分享给大家……
登录wordpress后台，找到RiRro主题设置 - 顶部设置 - 自定义CSS样式代码（这里美化 不怕更新 哈哈哈），在输入中添加以下CSS代码：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
/*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，如遇到无法解压的请联系管理员！
凌山博客 » Wordpress教程：RiPro主题给Logo添加闪光效果
