Editor de keyframes CSS
Crea keyframes de transformación y opacidad con reproducción controlada y CSS.
- Funciona en tu navegador
- Sin subir archivos
- Revisa antes de descargar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Límites de recursos
2–32 keyframes con porcentajes distintos, incluidos 0 y 100. Traslación ±500px, rotación ±1080deg, escala 0–5, opacidad 0–1, duración 0,1–60s, repeticiones 1–20. La reproducción respeta el movimiento reducido. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Cómo usarlo
- Configura el ejemplo
Edita porcentaje, traslación, rotación, escala y opacidad por estado. Define duración, ritmo y repeticiones. Genera, reproduce o pausa explícitamente y exporta la misma secuencia.
- Revisa antes de usar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios. 2–32 keyframes con porcentajes distintos, incluidos 0 y 100. Traslación ±500px, rotación ±1080deg, escala 0–5, opacidad 0–1, duración 0,1–60s, repeticiones 1–20. La reproducción respeta el movimiento reducido. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
- Exporta el resultado revisado
Descargar resultado; Descargar original
Preguntas y límites
Límites de recursos
2–32 keyframes con porcentajes distintos, incluidos 0 y 100. Traslación ±500px, rotación ±1080deg, escala 0–5, opacidad 0–1, duración 0,1–60s, repeticiones 1–20. La reproducción respeta el movimiento reducido. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Diseño sin conexión
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Revisa antes de usar
Edita porcentaje, traslación, rotación, escala y opacidad por estado. Define duración, ritmo y repeticiones. Genera, reproduce o pausa explícitamente y exporta la misma secuencia.