🔒 Procesamiento en el navegador📝 Sin registro⚡ Vista previa en tiempo real📱 Táctil
Clic para agregar nodos. Arrastre para mover. Clic derecho para eliminar.
| # | X % | Y % |
|---|
Radio 50%
Centro X 50%
Centro Y 50%
Radio X 50%
Radio Y 40%
Centro X 50%
Centro Y 50%
Superior 10%
Derecho 10%
Inferior 10%
Izquierdo 10%
Bordes 0px
Color de forma
Fondo
🎬 Transición de forma en hover
Active para generar CSS de clip-path + transición en hover.
Duración 0.4s
Está editando el estado base. Cambie a hover para configurar la forma de hover.
- Generador de CSS Box-Shadow｜Multicapa y Presets
- Generador de Animaciones CSS｜Salida de código @keyframes
- Generador de Gradientes CSS｜Lineal, radial y cónico con patrones CSS
- Generador de Animación Sprite CSS｜Código steps() Automático
- Generador Animación Scroll CSS | Efectos sin JavaScript
- Generador CSS Clamp() | Cálculo de Tipografía Fluida Responsiva
- Generador CSS de Fondos SVG | Convertidor Data URI y Optimizador
- Generador Animaciones de Texto CSS | Efectos Reveal Copy-Paste
- Generador Container Queries CSS | Crea Reglas @container Visualmente
- Generador de Animaciones CSS @property | Anima Propiedades Personalizadas
- Generador de Transiciones de Vista CSS | Animaciones Visuales
- Generador de Filtros y Mezclas CSS | Editor Visual de Efectos
- Generador de Diseño CSS — Constructor Visual de Grid y Flexbox