Показ изображения сверху вниз только с использованием CSS-анимации ⇐ CSS

[Anonymous]

Я хочу, чтобы изображение было скрыто по умолчанию, и когда веб-сайт начинает загружаться/обновляться, оно плавно показывалось сверху вниз (только изображение).
Я использовал ключевые кадры анимации с непрозрачностью, но он отображает все изображение плавно, а не по частям сверху вниз.
Есть ли способ?
Если это невозможно сделать с изображениями, я думаю, я могу разместить это как пустой фон, если есть способ сделайте это для текста внутри него, как будто он написан сверху вниз.
Любой способ может помочь
Примечание. Я не хочу, чтобы изображение перемещалось сверху вниз, Я хочу, чтобы он медленно появлялся на своем месте от верхней части к нижней.
Я использовал ключевые кадры анимации только с непрозрачностью, и это не то, что мне нужно, надеюсь, вы сможете помочь я.
здесь используемый CSS-код
.myimg {
animation: transitionIn 4s;
}

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

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



Подробнее здесь: https://stackoverflow.com/questions/777 ... ation-only