RiPro主题美化LOGO增加扫光效果

作者 : 小姬推荐 发布时间: 2019-11-24 文章热度:179 共551个字,阅读需2分钟。 本文内容有更新 字体:
  • 文章介绍
  • RiPro主题美化LOGO增加扫光效果-高岸姬

    如果您正在使用RiPro主题,这是非常简单的,打开主题设置-顶部设置-自定义CSS,然后添加以下代码 如果你没有使用RiPro主题,你也可以使用它,只是有点麻烦,你需要找到你的主题头样式的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; }
    }

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,请不要用于商业用途!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有J币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"www.gaoanj.cn",如遇到无法解压的请联系管理员!

    高岸姬 » RiPro主题美化LOGO增加扫光效果
    4
    +860天安全运行
    高岸姬专注高端网站建设
    6
    +6篇本周更新
    我更新我快乐

    VIP免费下载全站资源

    立即了解