Wypróbuj efekt czarnej dziury Google
Najważniejsze informacje
- W skrócie
- Kliknij ikonę czarnej dziury i zobacz, jak strona zapada się do środka, a potem powoli składa się z powrotem.
- Twórca
- elgooG,
inspiracja: Baidu - Premiera
- 2024
- Status
- Dostępne na elgooG
Wypróbuj ukrytą niespodziankę
Geneza projektu
Sedno pomysłu
Efekt czarnej dziury nawiązuje do obrazu obiektów przyciąganych do ciemnego punktu. Tutaj rolę tych obiektów pełnią teksty, obrazy i przyciski na stronie wyników w stylu Google.
Animacja przekształca sam interfejs: jego elementy zbiegają się w centrum, znikają, a następnie wracają na swoje miejsca.
Inspiracja i rozwój
W wyszukiwarce Baidu działał trik, który wciągał wyniki do czarnej dziury, a potem przywracał je na stronę. Ta niezależna adaptacja przenosi pomysł na stronę w stylu Google. Nie jest to oficjalny efekt Google.
Przebieg interakcji
Funkcje
Obok odtworzonej listy wyników znajduje się obracająca się ikona czarnej dziury.
Kliknięcie uruchamia animację, w której tekst, obrazy i przyciski kurczą się, przemieszczają ku środkowi i znikają. Po wygaszeniu efektu elementy wracają na swoje miejsca.
Jak to działa
Elementy strony przesuwają się ku środkowi i zmniejszają, jakby wciągała je czarna dziura.
Później pojawiają się ponownie i wracają na swoje miejsca. Na koniec strona przewija się na samą górę i znów widać ikonę czarnej dziury.
Jak to wypróbować
- Kliknij przycisk powyżej, aby otworzyć stronę wyników.
- Znajdź małą, obracającą się ikonę czarnej dziury obok wyników.
- Kliknij albo stuknij ikonę, żeby uruchomić efekt.
- Patrz, jak na środku ekranu rośnie czarna dziura i wciąga tekst, obrazki, linki i przyciski.
- Poczekaj, aż dziura zblednie, a kawałki strony wrócą na swoje miejsca.
Gdy strona znów rozszerza się od środka, wciągnięte elementy wracają w odwrotnej kolejności: te, które zniknęły jako ostatnie, pojawiają się pierwsze. W ten sposób strona składa się na nowo, kawałek po kawałku.
Podsumowanie
Spójrz też na brzegi strony: czarna dziura wciąga nawet linki nawigacyjne i stopkę. Po chwili one również wracają na swoje miejsca.
Wypróbuj ukrytą niespodziankę
Najczęściej zadawane pytania (FAQ)
Czym jest efekt czarnej dziury?
Efekt czarnej dziury to nieoficjalna animacja na stronie wyników w stylu Google. Uruchamia ją kliknięcie obracającej się ikony czarnej dziury.
Gdy klikniesz ikonę, na środku ekranu otwiera się czarna dziura. Tekst, obrazki, linki i przyciski płyną w jej stronę, kurczą się i znikają.
Po zakończeniu animacji elementy wracają na swoje miejsca. Projekt jest inspirowany efektem czarnej dziury z wyszukiwarki Baidu. To niezależna adaptacja dla tej witryny.
Jak uruchomić czarną dziurę?
Kliknij przycisk powyżej, żeby otworzyć stronę, a potem znajdź małą, obracającą się ikonę czarnej dziury obok wyników wyszukiwania.
Kliknij albo stuknij tę ikonę. Animacja rusza sama, po zakończeniu składa stronę z powrotem, a potem znowu pokazuje ikonę, żebyś mógł spróbować jeszcze raz.
Czy to coś jak Google Gravity albo Google Space?
Wszystkie trzy efekty zmieniają położenie elementów strony w stylu Google. W Google Gravity elementy opadają, a w Google Space unoszą się po ekranie.
Efekt czarnej dziury wciąga całą stronę w jeden ciemny punkt, pozwala jej na chwilę zniknąć, a potem odkłada wszystko z powrotem na miejsce.
