Как анимировать элемент

Для анимации элементов можно использовать CSS (transition, animation) или JavaScript (например, через requestAnimationFrame или библиотеки типа GSAP).

CSS Transition (простые анимации):

.element {
  transition: all 0.3s ease;
}
.element:hover {
  transform: scale(1.1);
}

CSS Animation (сложные анимации):

@keyframes slide {
  from { transform: translateX(0); }
  to { transform: translateX(100px); }
}
.element {
  animation: slide 2s infinite alternate;
}

JavaScript (точный контроль):

element.animate([
  { opacity: 0 },
  { opacity: 1 }
], { duration: 1000 });

Оптимизация:

• Используйте transform и opacity для performance (не трогайте width/height).
• Для сложных анимаций рассмотрите GSAP или Framer Motion.