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

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