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

Разбираемся в CSS
Ответить
Anonymous
 Сохранить размер элемента HTML на уровне 0% анимации

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»