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