Анимация танцпола в стиле 90-х
Опубликовано 7 ноября, 2023 - 15:02 пользователем Гуров Богдан
Лекция:
Анимация танцпола с магнитофоном и танцором в стиле 90-х. Анимации реальзованы с помощью @keyframes.
Вращение кассеты реализовано с помощью transform: rotate(...), а бит динамиков c помощью transform: scale(...).
Дископол светиться одинаковыми цветами(background-color: ...), но с разной задержкой(animation-delay: ...) и с псевдоклассом :nth-of-type получается хаотичный эффект. Танцор двигается благодаря transform: transtale(...)
Все движущиеся элементы представляют собой <div>
с background-image: url(...).
Направление: