Google-эффект «Чёрная дыра»
Главное
- Кратко
- Нажми на иконку чёрной дыры и смотри, как страницу затягивает в центр, а потом она понемногу собирается заново.
- Создатель
- elgooG,
вдохновлено Baidu - Запуск
- 2024
- Статус
- Доступно на elgooG
Попробуй пасхалку
Как это создавалось
Обзор
Этот визуальный эффект переносит образ чёрной дыры на страницу результатов поиска. Текст, изображения, ссылки и кнопки стягиваются к центру, уменьшаются и исчезают.
После завершения анимации элементы возвращаются на свои места.
Вдохновение и разработка
В поиске Baidu был трюк, который затягивал результаты в чёрную дыру, а затем возвращал их обратно. Эта неофициальная разработка переносит идею на страницу в стиле Google. У Google такой функции никогда не было.
Впечатления от пасхалки
Возможности
Рядом с результатами поиска расположен вращающийся значок чёрной дыры. Нажатие запускает анимацию в центре экрана.
Элементы страницы приближаются к центру, уменьшаются и последовательно исчезают. Затем чёрная дыра исчезает, а исходное расположение элементов восстанавливается.
Как это работает
Видимые элементы страницы движутся к центру и становятся всё меньше. Текст, изображения и кнопки постепенно исчезают.
Затем они появляются снова и возвращаются на свои места. В конце страница прокручивается к самому верху, и значок чёрной дыры появляется вновь.
Как это попробовать
- Нажми кнопку выше, чтобы открыть страницу результатов.
- Найди маленькую вращающуюся иконку чёрной дыры рядом с результатами.
- Нажми на иконку, чтобы запустить эффект.
- Смотри, как в центре экрана растёт чёрная дыра и затягивает текст, картинки, ссылки и кнопки.
- Дождись конца: дыра исчезнет, а элементы страницы вернутся на свои места.
Когда страница вновь разворачивается из центра, поглощённые элементы возвращаются в обратном порядке: то, что исчезло последним, появляется первым. Так страница собирается заново, кусочек за кусочком.
Итоги
Посмотри и на края страницы: чёрная дыра затягивает даже ссылки навигации и нижнюю часть страницы. После анимации они тоже возвращаются на свои места.
Попробуй пасхалку
FAQ — часто задаваемые вопросы
Что такое эффект «Чёрная дыра»?
Эффект «Чёрная дыра» (Black Hole Effect) — неофициальная анимация в браузере. Её запускает вращающийся значок рядом с результатами поиска.
Когда ты нажимаешь на иконку, в центре экрана открывается чёрная дыра. Текст, картинки, ссылки и кнопки плывут к ней, уменьшаются и исчезают.
После завершения анимации элементы возвращаются на свои места. Источником идеи послужили эффекты чёрной дыры в поиске Baidu. Эта версия — независимая разработка для этого сайта.
Как запустить чёрную дыру?
Нажми кнопку выше, чтобы открыть страницу, а затем найди маленькую вращающуюся иконку чёрной дыры рядом с результатами.
Нажми на эту иконку. Анимация пройдёт сама, в конце соберёт страницу обратно и снова покажет иконку, чтобы можно было попробовать ещё раз.
Это похоже на «Гравитацию Google» или «Плавающий Google»?
Все они — визуальные трюки в стиле Google, но каждый двигает страницу по-своему. «Гравитация Google» роняет кусочки вниз, а «Плавающий Google» отпускает их парить по экрану.
Эффект «Чёрная дыра» стягивает всю страницу в одно тёмное пятно, на мгновение прячет её и потом возвращает всё на свои места.
