Toolvist

Creador de clip-path CSS

Recorta elementos en formas visualmente con clip-path: círculos, polígonos y elipses.

Drag the round handles to reshape a polygon.

Vista previa

Creador de clip-path CSS gratuito

El Creador de clip-path CSS te ayuda a recortar cualquier elemento en una forma visualmente. Elige un preajuste o arrastra los vértices del polígono, luego copia el CSS clip-path generado en tu hoja de estilos.

Cómo usarlo

Elige un tipo de forma, ajusta los valores y observa la vista previa. Arrastra los puntos redondos de un polígono para remodelarlo. Cuando se vea bien, copia el CSS.

  • Preajustes: triángulo, rombo, pentágono, hexágono, estrella, flecha y más
  • Vértices de polígono arrastrables
  • Modos círculo, elipse e inset con controles numéricos
  • Copia el CSS clip-path generado
  • Se ejecuta enteramente en tu navegador

Herramientas de imagen y color relacionadas

Ver todo en Herramientas de imagen y color →

También te puede interesar

Herramientas de otras categorías que suelen combinarse con Creador de clip-path:

Explorar el directorio completo →