Preview
Salida
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Controles de ruta de clip
Formas
la forma
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Cómo usar
Controles
- Seleccione una forma básica en el panel
- parámetros de forma con los controles deslizantes de
- Arrastre los puntos de control en la vista previa para cambiar la forma del trazado
- Agregue puntos a formas personalizadas mediante el modo
Funciones avanzadas
- Guarde y cargue ajustes preestablecidos para acceder rápidamente a sus formas
- Anima los trazados de tus clips con duración, aceleración e iteraciones
- Copia el código CSS generado y pégalo en tu proyecto
- Alternar el modo oscuro para un diseño
Related Tools
Generador de transiciones CSS3
Transición de opacidad suave
Crea hermosos degradados CSS sin esfuerzo
Genera impresionantes degradados lineales, radiales y cónicos con nuestra interfaz intuitiva. Copia el código CSS y utilízalo en tus proyectos al instante.
Convertidor de Less a CSS
Transforme su código Less en CSS. Rápido, fácil y seguro.
Kit de herramientas de codificación y decodificación Base64
Codifica y decodifica cadenas Base64 fácilmente en tu navegador.
Convertir TSV a JSON sin esfuerzo
Transforme sus datos TSV en formato JSON estructurado con un solo clic. Rápido, seguro y completamente basado en el navegador.
Convertir JSON a XML sin esfuerzo
Transforme sus datos JSON en formato XML estructurado con un solo clic. Rápido, seguro y completamente basado en el navegador.