给一张图片写的css3动画，图片的位移距离不正常，浮动很小

Question

animation: updown 1.5s ease infinite alternate;
@keyframes updown{

from{
    transform: translateY(0.15rem);
}
to{
    transform: translateY(0);
}

}
这是代码，还有就是引入了swiper，应该没关系吧，求解答

Answer 1

animation: updown 3s infinite;

@keyframes updown {
    50% {
        transform: translateY(30px);
    }
}

Answer 2

谢邀，你这不是一共才动15px么？看开发者工具的虚框位置差不多呀。另外没看到img标签计算后的样式，不确定是display:block;呢，还是默认的inline～

Answer 3

你不是用rem为单位么，以你根节点字体大小20px，也才20*0.15rem = 3px

Answer 4

对于这种浮动，建议使用百分比。例如

transform:translateY(50%)