Сохранить размер элемента HTML на уровне 0% анимации ⇐ CSS

[Anonymous]

Я пытаюсь создать анимацию в css и для первого кадра, поэтому при 0% мне нужен размер элемента до изменения его атрибута data-space, прежде чем свернуть что-то подобное. p>
Что-то в этом роде
#settings {
display: grid;
grid-template-columns: repeat(8, 64px);
grid-template-rows: repeat(2, 64px);
}

#settings[data-space=collapsed] {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;

}

#settings[data-space=collapsed][data-firstAnimation=false] {
animation: collapseSettings 1s ease 0s 1 normal none;
}

@keyframes collapseSettings {
0% {
width: /*something to get the width before collapsing*/
height: /*something to get the height before collapsing*/
}

/*...*/
}


Подробнее здесь: https://stackoverflow.com/questions/786 ... -animation