Generador de flechas CSS

Este generador de flechas CSS permite crear varios estilos de flecha, incluidas flechas sólidas con clip-path y flechas de línea creadas con pseudo-elementos. Ajusta dirección, longitud total, tamaño de punta, longitud de punta, grosor del cuerpo, color, degradado y borde opcional, previsualiza los cambios en tiempo real y copia el CSS generado.

Personalización


{{ startColor }}
{{ endColor }}

Vista previa

{{ arrowWidth }} x {{ arrowHeight }} px

CSS