Встречается на собеседованиях • сегодня

Писал ли анимацию без Keyframes

Да, анимацию можно реализовать без @keyframes с помощью CSS-переходов (transition).

css
.box {
  width: 100px;
  height: 100px;
  background: blue;
  transition: transform 0.5s ease-in-out;
}

.box:hover {
  transform: scale(1.2);
}

Также можно использовать JavaScript:

javascript
const box = document.querySelector('.box');
box.addEventListener('click', () => {
  box.style.transition = 'all 0.3s ease';
  box.style.transform = 'rotate(45deg)';
});

Еще один способ — CSS-свойство animation с предопределенными значениями, например:

css
.box {
  animation: bounce 1s infinite;
}

Но bounce — это встроенный анимационный эффект (например, из библиотек вроде Animate.css).

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы