# Split comparison: Antes y después

Una pantalla dividida compara números en paneles morados y verde azulado. 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/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

Una diapositiva de antes y después en pantalla dividida con un número grande en cada lado, rotulados Before y After y separados por una línea central.

- Framework: Remotion
- Categoría: Gráficos
- Duración: 5 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/split-comparison

Abre con el encuadre dividido por la mitad con una línea fina y un pequeño marcador redondo en el centro. La mitad izquierda es morado oscuro, con Before en la esquina, y la derecha es verde azulado oscuro, con After. Un número grande en blanco ocupa cada mitad, 38% frente a 94% en el ejemplo, y los dos lados aparecen uno después del otro para que el cambio se lea con claridad. Dura cinco segundos.

Pon tus propias cifras de antes y después, como tasas de conversión, puntuaciones o tiempos. El diseño mantiene ambos números grandes y centrados, así que se lee bien incluso en una pantalla pequeña. Con un registro gratuito puedes copiar o descargar el código para Claude, Codex u otro agente de programación con IA, o usarlo en Subclip para casos de éxito, publicaciones de resultados y actualizaciones de progreso.

## Úsala para

- Resultados de casos de éxito
- Actualizaciones de progreso y mejoras
- Resultados de pruebas A/B
- Métricas de lanzamientos

## Qué puedes cambiar

- `before`: Valor de antes (Texto)
- `after`: Valor de después (Texto)

## 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 Split comparison 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.