RIPRO美化-搜索框动态特效

图片[1]-RIPRO美化-搜索框动态特效-尚艺博客

教程开始:

一、找到 ripro/parts/home-mode/search.php  全部替换

后台自定义CSS 添加:

/*
 * 首页搜索框动态特效
 */
@keyframes imgMove {
0% {
background-position: 0 0
}

to {
background-position: 0 100%
}
}

.home-filter--content {
display: block;
width: 100%;
z-index: 2;
position: relative;
box-shadow: 0 34px 20px -24px rgba(0,36,100,0.06);
padding: 20px;
background: linear-gradient(to right, #34495e, #4e6b88, #34495e);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-animation: imgMove-data-v-0e5ca3f7 70s linear infinite;
animation: imgMove-data-v-0e5ca3f7 70s linear infinite;
height: 400px;
-webkit-animation: imgMove 70s linear infinite;
animation: imgMove 70s linear infinite;
}

 


温馨提示:本文于2022-11-15最后更新,如有失效请联系!
转载请注明本文链接:https://www.shenghuo114.com/2757.html

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论