Блог

Главная - Вопросы по программированию - как я могу применить ключ из / в с помощью transform: перевести, где находится элемент, в положение, определенное?

как я могу применить ключ из / в с помощью transform: перевести, где находится элемент, в положение, определенное?

#css-animations

#css-анимации

Вопрос:

я хотел бы использовать css-анимацию с ключевыми кадрами с translateX и

Я хочу установить 100%-ное значение translateX равным 0, а значение 0% translateX — в любую позицию, в которой элемент находится в данный момент. Я не хочу иметь определенное значение для 0%, как я могу этого добиться? Спасибо

 @keyframes moduleNumberKeyLeave{
  from{ transform: translateX( actual position)}
  to{ transform : translateX(0)}
 }

Ответ №1:

Вы можете попробовать

 @keyframes moduleNumberKeyLeave{
  from{ transform: translateX(none)}
  to{ transform : translateX(50px)}
}