С какими способами реализации Web-анимации работал

- **CSS Animations**: Использовал `@keyframes` для создания плавных переходов. Пример: ```css @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .element { animation: fadeIn 2s; } ``` - **CSS Transitions**: Простые анимации при изменении свойств. Пример: ```css .button { transition: background-color 0.3s; } .button:hover { background-color: #f00; } ``` - **JavaScript (GSAP, Anime.js)**: Для сложных анимаций с точным контролем. Пример с GSAP: ```javascript gsap.to(".box", { x: 100, duration: 1, ease: "power2.out" }); ``` - **Web Animations API**: Нативный JS-интерфейс. Пример: ```javascript element.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 1000 }); ``` - **SVG Animations**: Анимация SVG через SMIL или CSS/JS. Пример: ```html ``` - **Lottie/Bodymovin**: Для анимаций из After Effects. Пример: ```javascript lottie.loadAnimation({ container: element, path: 'animation.json' }); ```