motion-ui/loaders

Files

T

genesis 29324fca97 init: коллекция анимаций

— Добавлен Rolling Letters Loader (текстовый барабан)
— Добавлен Helix DNA Loader (3D спираль)
— Добавлен Lightsaber Fight Loader (сражение на мечах)
— Добавлен Pancake Cooking Loader (подбрасывание блинчика)
— Добавлен Pong Game Loader (ретро-игра)
— Создан общий README.md с навигационной таблицей

2026-04-04 21:40:15 +03:00

1.4 KiB

Executable File

Raw Blame History

🥞 Making Pancake Loader

Невероятно детальный и "вкусный" индикатор загрузки, имитирующий приготовление блинчика на сковороде. Полностью реализован на чистом CSS.

Особенности

Комплексная физика: Анимация включает в себя наклон сковороды (flip), подбрасывание блинчика (jump) и его переворот в воздухе (fly).
Эффект пара: Реализован через систему "пузырьков" (.bubble) с разными задержками и кривыми Безье для естественности.
Адаптивность (vh/vw): Размеры элементов привязаны к высоте экрана, что позволяет лоадеру корректно масштабироваться.

Технические детали

Keyframes Magic: Используется 5 различных сценариев анимации, работающих синхронно.
3D Transform: Переворот блинчика имитируется через rotateX и rotateY.
Typography: Интегрирован шрифт "Amatic SC" через Google Fonts для создания уютной атмосферы.