Prueba el efecto de agujero negro de Google
Datos clave
- Resumen
- Haz clic en el icono del agujero negro y mira cómo la página desaparece hacia el centro y luego se recompone poco a poco.
- Creador
- elgooG,
inspirado en Baidu - Lanzamiento
- 2024
- Estado
- Disponible en elgooG
Prueba el huevo de Pascua
Cómo se hizo
La idea central
El efecto de agujero negro parte de una imagen habitual en la ciencia ficción: objetos atraídos hacia un centro oscuro. Aquí esos objetos son los textos, las imágenes y los controles de una página de resultados al estilo Google.
La animación transforma la propia página: desplaza sus elementos hacia el centro y después los devuelve a sus posiciones originales.
Inspiración y desarrollo
Baidu tenía un truco de búsqueda que absorbía los resultados en un agujero negro y después los devolvía a su sitio. Esta página adapta esa idea a un diseño al estilo Google como creación independiente y no oficial.
La experiencia del huevo de Pascua
Características
La página conserva la disposición de una búsqueda, con la barra en la parte superior y los enlaces en filas. Un icono giratorio de agujero negro aparece junto a los resultados.
Al pulsarlo, los elementos convergen en el centro y reducen su tamaño hasta desaparecer. Después, el agujero se desvanece y la página recupera su disposición original.
Cómo funciona
Los textos, las imágenes y los botones se encogen a medida que se acercan al centro, hasta desaparecer dentro del agujero negro.
Después, la secuencia se invierte: los elementos recuperan su posición, la vista vuelve cerca del inicio de la página y el icono queda disponible para repetir el efecto.
Cómo probarlo
- Haz clic en el botón de arriba para abrir la página de resultados.
- Busca el pequeño icono giratorio del agujero negro junto a los resultados.
- Haz clic o toca el icono para empezar el efecto.
- Mira cómo el agujero negro crece en el centro de la pantalla y atrae textos, imágenes, enlaces y botones.
- Deja que termine mientras el agujero se desvanece y los elementos recuperan su posición.
Mientras la página se despliega desde el centro, los elementos absorbidos regresan en orden inverso. Así puedes ver cómo se recompone la página pieza a pieza.
Resumen
Fíjate también en los bordes: la navegación y los enlaces del pie de página acaban dentro del agujero antes de volver a su sitio.
Prueba el huevo de Pascua
Preguntas frecuentes
¿Qué es el efecto de agujero negro?
El efecto de agujero negro es una animación no oficial que coloca un icono giratorio de agujero negro dentro de tus resultados de búsqueda.
Al hacer clic en el icono, se abre un agujero negro en el centro de la pantalla. Los textos, las imágenes, los enlaces y los botones se acercan a él, se encogen y desaparecen.
Cuando acaba la atracción, la página vuelve pieza a pieza. La idea viene de los trucos del agujero negro de Baidu. Esta página es un efecto no oficial creado para este sitio, y Google nunca tuvo una función así.
¿Cómo activo el agujero negro?
Haz clic en el botón de arriba para abrir la página y busca el pequeño icono giratorio del agujero negro junto a los resultados.
Haz clic o toca ese icono. La animación avanza sola, vuelve a montar la página al terminar y luego muestra otra vez el icono para que puedas repetir.
¿Se parece a Google Gravity o a Google flotante?
Los tres son trucos visuales al estilo Google, y cada uno mueve la página de una forma distinta. Google Gravity deja caer las piezas hasta abajo, y Google flotante las deja flotar por la pantalla.
El efecto de agujero negro atrae toda la página hacia un punto oscuro, la hace desaparecer un momento y luego lo devuelve todo a su sitio.
