CSS使用animation的一个问题

Question

我想让它从300的位置运动到0 这样写也没有问题 可是页面刚刷新时可以看到它最初始是在0的位置闪了一下 然后再从300运动到0 不想看到刚开始它在0的位置应该怎么办？

<view style="animation: ani1 0.3s linear;animation-delay:0.3s;color: white;font-size: 50rpx;">BEYOND</view>

@keyframes ani1{
  from{ margin-left: 300rpx; opacity: 0;}
  to{ margin-left: 0;  opacity: 1;}
}

Answer 1

view样式给它一个margin-left：300rpx;