Multimedia

Ripple lens

Una superficie de imagen que se deforma donde la toca el puntero, cada onda se expande, hace girar la imagen debajo de ella y vuelve a quedar plana.

Drag slowly for a chain of rings, sweep fast for a smear, press for a hard drop.fig. 04 · fern wall

Cómo usar Ripple lens

Una superficie de imagen que se deforma donde la toca el puntero, cada onda se expande, hace girar la imagen debajo de ella y vuelve a quedar plana.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: strength, swirl, brushSize, rings, trigger, highlight

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2735Halftone print loupeMultimediaUna imagen representada como una pantalla de puntos de tinta impresos, con una lupa redonda debajo del puntero donde los puntos se disuelven nuevamente en el original suave.

2738Interactive spin globeMultimediaUn globo de lona sombreado que gira lentamente, enciende marcadores brillantes en lugares dispersos y se puede agarrar y girar con la mano.

2298Android device frameMultimediaUn bisel vectorial de teléfono Android que enmarca una foto o un vídeo en bucle dentro de su pantalla con esquinas correctamente redondeadas.

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.

2329Cursor magnifier lensMultimediaUna lente redonda sigue el puntero sobre una imagen y magnifica sólo el pequeño parche debajo de ella, como una lupa de mano.

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.