PHPzhong2017-04-17 13:07:455楼
.renchou-box:after {
content: "";
position: absolute;
z-index: 5;
bottom: 1.2rem;
left: 50%;
width: 1.5rem;
height: 1.2rem;
margin-left: -.75rem;
background: url(/images/renchou/arrow-down.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
-webkit-animation: arrow .5s linear infinite alternate;
animation: arrow .5s linear infinite alternate;
}
@-webkit-keyframes arrow {
0% {
-webkit-transform: translate(0, -.3rem);
transform: translate(0, -.3rem);
}
100% {
-webkit-transform: translate(0, .3rem);
transform: translate(0, .3rem);
}
}
@keyframes arrow {
0% {
-webkit-transform: translate(0, -.3rem);
transform: translate(0, -.3rem);
}
100% {
-webkit-transform: translate(0, .3rem);
transform: translate(0, .3rem);
}
}
这样?