Анимированный прелоадер с логотипом
700 UAH📌 Задача:
Разработать прелоадер для сайта с анимацией логотипа. Логотип предоставляется во вложении (SVG/PNG). Анимация должна имитировать раскрытие и закрытие коробки, создавая эффект объемности (3D-ощущение).
🎬 Сценарий анимации:
Логотип расположен по центру экрана, занимает примерно 30% от ширины окна (адаптивно, ± не критично).
Анимация начинается с того, что логотип по частям "раскрывается" из центра, как будто вы смотрите сверху на открывающуюся коробку.
Части логотипа появляются поочерёдно, с лёгкими 3D-поворотами.
После полной сборки — пауза 0.5–1 секунда.
Далее логотип анимированно "закрывается" обратно в центр — в том же порядке, как и раскрывался.
Анимация повторяется бесконечно, пока не загрузится основная страница.
После загрузки — прелоадер плавно исчезает (fade out) и удаляется из DOM.
💡 Технические требования:
HTML + CSS + JavaScript.
Без использования сторонних библиотек (GSAP, jQuery и т. д.) — если возможно.
Максимально лёгкая и быстрая загрузка (приоритет — производительность).
Логотип должен быть реализован как SVG, разбитый на отдельные анимируемые элементы.
Все цвета логотипа сохранить точно, как в оригинале.
Код должен быть легко встраиваемым в любую страницу (желательно в виде одного контейнера + скрипт/стиль).
🧩 Дополнительно:
Готов предоставить дополнительные детали и пояснение логики тем, кто заинтересуется проектом.
Приложения 2
-
562 7 0 Здравствуйте! Сделаю анимацию логотипа, с использованием html, css, js (без сторонних библиотек), по методологии БЭМ.
Подробное ТЗ обсудим в личных сообщениях.
-
вообще хорошо когда страница загружается меньше/равно 1 секунде.
вы хотите анимацию на половине которой 0.5-1 секунда, это сколько планируется чтобы страница грузилась не менее 3-х секунд?
если вы хотите отработать какой-то сценарий анимации логичнее сделать просто заведомо показ предоадера в течении хотя бы полностью одного цикла без разницы за 0.5 секунды загрузилась страница или больше.
а то хотите анимацию которая при быстрой загрузки страницы мелькнёт непонятно чем и как что бывает хуже чем просто вид сайта прка он прогружается.
-