微信上html5动画效果,html5 - css3动画 微信浏览器不支持

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

}

}

这样？