想做亚马逊，这些隐形政策你都知道吗？
2019-07-27 18:43:24
36
如下图所示，使用CSS就可以增加扫光动画，看起来很炫酷。按照上篇文章所述，找到修改shopify css的文件，在文件末尾增加以下代码即可。
.logo {
position: relative;
float: left;
margin: 18px 0 0 5px;
overflow: hidden;
transition-duration: 5s;/**动画时间**/
}
.logo:before {
content: "";
position: absolute;
width: 1000px;
height: 20px; /**光标的宽度，可根据实际调整**/
background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: searchLights 1s ease-in 1s infinite;
-o-animation: searchLights 1s ease-in 1s infinite;
animation: searchLights 1s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
}
@keyframes searchLights {
0% { left: -200px; top: -300px; }
100% { left: -160px; top: 800px; }
}使用这种方法，也可以为你想要突出重点的地方，增加这个效果，比如在“Buy it now”按钮上。
我们建了一个亚马逊卖家交流群，里面不乏很多大卖家。
现在扫码回复“ 加群 ”，拉你进群。
0 赞
最新
热门文章
*30分钟更新一次
1611565702
1611565702
1624524173
1624524173
1603677750
1603677750
1608542989
1608542989
1633770635
1633770635
