Как сделать Div сжимать вниз, сохраняя базовую линию фиксированной, пока верх рухнет вниз? [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь использовать только HTML и CSS, но на данный момент попробую. Это кажется таким простым: сделайте коробку сжиматься, пока она не исчезнет.
.box {
position: absolute;
width: 100px;
height: 300px;
background-color: var(--accent);
top: 0;
z-index: -1;
}
< /code>
Это сжимает коробку вверх, но мне нужно противоположное.@keyframes dropDown {
100% {
height: 0px;
bottom: 630px;
}
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... -the-top-c