Google-ефект «Чорна діра»
Головне
- Коротко
- Натисни на іконку чорної діри: сторінку затягне в центр, а потім усі елементи повернуться на свої місця.
- Автор
- elgooG,
за мотивами Baidu - Запуск
- 2024
- Статус
- Доступно на elgooG
Спробуй пасхалку
Як це створювали
У чому суть
Ефект «Чорна діра» змушує елементи сторінки результатів у стилі Google рухатися до темної точки в центрі.
Тексти, зображення, посилання та кнопки зменшуються й зникають, після чого сторінка повертається до звичного вигляду.
Натхнення та розробка
У пошуку Baidu був трюк, який затягував результати в чорну діру, а потім повертав їх назад. Тут цю ідею перенесено на сторінку в стилі Google.
Це незалежна робота для цього сайту.
Враження від пасхалки
Що тут вирізняється
На сторінці є поле пошуку, список результатів і значок чорної діри, що обертається.
Натискання переміщує текст, зображення, посилання й кнопки до центру. Елементи поступово зменшуються, зникають, а потім повертаються у вихідне положення.
Як це працює
Текст, зображення й кнопки рухаються до центру та стають дедалі меншими, поки зовсім не зникнуть.
Потім вони з’являються знову й повертаються на свої місця. Наприкінці сторінка прокручується догори, а значок чорної діри знову стає видимим.
Як це спробувати
- Натисни кнопку вище, щоб відкрити сторінку результатів.
- Знайди біля результатів маленьку іконку чорної діри, що обертається.
- Клацни або торкнися іконки, щоб запустити ефект.
- Дивись, як посеред екрана росте чорна діра й затягує текст, картинки, посилання та кнопки.
- Дочекайся, поки діра зникне, а елементи сторінки повернуться на свої місця.
Коли сторінка знову розгортається від центру, поглинуті елементи повертаються у зворотному порядку: те, що зникло останнім, з’являється першим. Так сторінка складається наново, частинка за частинкою.
Підсумок
Поглянь і на краї сторінки: чорна діра затягує навіть навігаційні посилання та нижню частину сторінки. Після анімації вони теж повертаються на свої місця.
Спробуй пасхалку
Поширені питання (FAQ)
Що таке ефект «Чорна діра»?
Ефект «Чорна діра» — неофіційна анімація на сторінці результатів у стилі Google. Її запускає значок чорної діри, що обертається.
Коли натискаєш на іконку, посеред екрана відкривається чорна діра. Текст, картинки, посилання й кнопки пливуть до неї, меншають і зникають.
Після завершення анімації елементи повертаються на місця. Це незалежний ефект цього сайту, натхненний пошуковими трюками Baidu, а не функція Google.
Як запустити чорну діру?
Натисни кнопку вище, щоб відкрити сторінку, і знайди біля результатів пошуку маленьку іконку чорної діри, що обертається.
Клацни або торкнися цієї іконки. Дочекайся завершення анімації: елементи повернуться на свої місця, а значок знову буде доступний для повторного запуску.
Це схоже на Гравітацію Google чи Літаючий Google?
Усі три проєкти змінюють вигляд сторінки в стилі Google. Гравітація Google змушує її елементи падати, а Літаючий Google дозволяє пересувати їх у невагомості.
Ефект «Чорна діра» затягує всю сторінку в одну темну точку, на мить ховає її, а потім ставить усе на свої місця.
