# Slider: Interfaz de deslizador

Un deslizador de rango lleno hasta 40 con un control redondo y su valor encima. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

Canonical URL: https://www.subclip.app/es/motion-graphics-templates/remotion/slider

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-slider.mp4?v=3fe9df38d1

Un deslizador de rango limpio cuyo valor de relleno y estado del control se pueden ajustar, con el valor actual sobre el control.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 4 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/slider

Un deslizador de rango de 320 píxeles está sobre un fondo blanco, lleno al 40 por ciento, con un control redondo en reposo y el valor "40" encima. La plantilla mantiene este estado durante cuatro segundos. En el código, el relleno sigue un valor programado y el control crece y muestra un anillo al pasar el puntero y al pulsar, de modo que parece que se arrastra.

Puedes definir el valor, el estado del control (reposo, hover o pulsado), el ancho de la pista y si se muestra la etiqueta del valor, además de la velocidad de reproducción y el fondo. Úsala para una demo de ajustes, un selector de precio o cantidad, un control de volumen o brillo en el vídeo de una app o la presentación de un sistema de diseño.

## Úsala para

- Demos de ajustes
- Selectores de precio y cantidad
- Vídeos de controles de apps
- Presentaciones de sistemas de diseño

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Slider y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Slider de remocn: https://remocn.dev