Generador de flechas CSS
Crea una flecha CSS sencilla. Elige derecha, izquierda, arriba o abajo, además del color, tamaño cuadrado y grosor del borde. Después copia la regla .arrow generada.
Crea una flecha CSS
-
1
Elige la dirección
Selecciona derecha, izquierda, arriba o abajo.
-
2
Define el aspecto
Indica color, tamaño y grosor en píxeles.
-
3
Copia el CSS
Revisa la vista previa y copia la regla.
El generador crea un elemento .arrow cuadrado con display: inline-block, el mismo ancho y alto, borde derecho e inferior y una rotación para las cuatro direcciones.
No genera triángulos de borde, clip-path, SVG, degradados, flechas diagonales o colas de tooltip. Tampoco entrega HTML, validación de diseño ni consejos de compatibilidad. Prueba el CSS copiado en tu propia página.
Herramientas relacionadas
Referencia de la tabla ASCII
Tabla ASCII completa del 0 al 127 con decimal, hex, octal, binario y referencia numérica HTML para cada carácter, incluidos los códigos de control como NUL, LF y DEL.
Referencia de caracteres HTML
Lista buscable de entidades HTML, sus códigos nombrados y numéricos, y una copia con un clic para caracteres y símbolos especiales.
Generador de letras aleatorias
Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.
Referencia de atajos de teclado
Busca los atajos predeterminados documentados de VS Code, Chrome y Bash con GNU Readline en macOS, Windows y Linux.
Formateador de JSON
Pega JSON para verlo con sangría de 2 o 4 espacios, minificarlo en una salida compacta o comprobar rápidamente la sintaxis antes de copiar el resultado.
Generador de Paletas de Color
Genera paletas monocromáticas, análogas, complementarias, triádicas o tetrádicas desde un color base HEX y exporta variables CSS listas para copiar.