当前位置:首页>文章资讯WordPress教程> RIPRO-V2主题美化顶部logo添加横向流光滚动特效

RIPRO-V2主题美化顶部logo添加横向流光滚动特效

把以下写好的代码放入把一下代码直接复制到/ripro-v2/assets/css/app.css文件中最底部粘贴即可,自己搭配滚动条的颜色。

 

/*LOGO 流光*/
.logo-wrapper::before{
    content:"";
    position: absolute;
    width: 150px;
    height: 5px;
    background-color: #f321dd29 !important;  /****颜色****/
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 2s ease-in 2s infinite;
}
@-webkit-keyframes searchLights {
    0% { left: -90px; top: 0; }
    to { left: 90px; top: 0; }
}
版权声明 1 本站永久网址:https://www.gzkj8.com
2 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长:yixinis@163.com,进行删除处理。
3 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
4 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
WordPress教程文章资讯

RIPRO-V2主题美化首页区块添加会员介绍小工具

2023-6-13 9:52:55

WordPress教程文章资讯

RIPRO-V2主题美化顶部导航半透明毛玻璃特效

2023-6-13 9:54:29

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索