Multimedia

Parallax photo columns

Parallax photo columns: Una pared completa de columnas de fotografías a la deriva en perspectiva 3D donde los mosaicos se iluminan y se elevan bajo el cursor o el foco del teclado mientras la columna se detiene.

Cómo usar Parallax photo columns

Parallax photo columns se presenta con el formato de vista previa «página completa» y el tema «oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

Control	Tipo	Valor inicial	Límites de la vista previa
`columns`	`number`	`4`	De 2 a 6; paso 1
`driftSpeed`	`number`	`40`	De 10 a 100; paso 5
`tilt`	`number`	`16`	De 0 a 30; paso 1
`overlayColor`	`color`	`#060010`	Los metadatos no indican otro límite.
`pauseOnHover`	`boolean`	`true`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Parallax photo columns?

Parallax photo columns está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Parallax photo columns?

Los metadatos de React indican estas dependencias npm además de React: motion, clsx.

¿Qué detalles de accesibilidad se observan en Parallax photo columns?

El código React de Parallax photo columns incluye: elementos nativos (a); atributos y manejadores (aria-hidden, aria-label, tabIndex). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Parallax photo columns el movimiento reducido?

Parallax photo columns consulta la preferencia de movimiento en su código React mediante matchMedia(prefers-reduced-motion). Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Orbiting image spiral de Fieldbook, de la categoría Multimedia.

2744Orbiting image spiralMultimediaUna pila de fotografías cuadradas dispuestas alrededor de una espiral invisible que gira continuamente, y cada fotografía se escala, se agudiza o se difumina según lo cerca que se encuentre del frente.

Imagen fija del componente Browser window frame de Fieldbook, de la categoría Multimedia.

2308Browser window frameMultimediaUna maqueta de ventana de navegador de escritorio con puntos de semáforo y una barra de direcciones que enmarca una captura de pantalla o un vídeo en bucle como contenido de la página.

Imagen fija del componente Experience Shelf de Fieldbook, de la categoría Multimedia.

2352Experience ShelfMultimediaUn estante de tarjetas fotográficas que se desplaza horizontalmente, cada una con un botón para guardar, una insignia, una calificación y un precio, que se desplaza suavemente con los botones de flecha o deslizando el dedo.

Imagen fija del componente iPhone Device Frame de Fieldbook, de la categoría Multimedia.

2372iPhone Device FrameMultimediaUn bisel de teléfono vectorial con un recorte de cámara que enmarca una foto, un vídeo en bucle o un marcador de posición en blanco dentro de su propia pantalla redondeada.

Imagen fija del componente Sequential terminal log de Fieldbook, de la categoría Multimedia.

2423Sequential terminal logMultimediaUna ventana de terminal que reproduce una sesión programada una vez que aparece, escribiendo comandos y apareciendo líneas de estado una tras otra.

Imagen fija del componente Drifting particle field de Fieldbook, de la categoría Fondos.

1952Drifting particle fieldFondosUna nube de pequeños puntos redondos que gira lentamente, cada uno a la deriva en su propio camino, con toda la nube inclinándose hacia afuera del puntero.