我想默认情况下隐藏的图像，当网站开始加载/刷新它显示从它的顶部到它的底部顺利（只显示图像）。我使用了不透明的动画关键帧，但它可以平滑地显示整个图像，而不是从上到下逐部分显示。有什么方法吗？如果它不能与图像做，我想我可以把它作为一个空的背景，如果有一种方法可以做到这一点，为它里面的文字，就像它的书面从上到下.任何方式可以帮助
注意：我不希望图像从上到下移动，我希望它在它的地方出现从它的顶部慢慢地到它的底部。
我用过的动画关键帧只有不透明度，这不是我想要的，希望你能帮助我。这里是使用的css代码

.myimg {
animation: transitionIn 4s;
}

@keyframes transitionIn {
  from {
    opacity: 0;
    // transform: rotateX(-180deg);
  }

  to {
    opacity: 100%;
    // transform: rotateX(0);
  }
}

字符串