Generatore di frecce CSS

Avanti

Crea una semplice freccia CSS. Scegli destra, sinistra, alto o basso, oltre a colore, dimensione quadrata e spessore del bordo. Poi copia la regola .arrow generata.

Crea una freccia CSS

  1. 1

    Scegli la direzione

    Seleziona destra, sinistra, alto o basso.

  2. 2

    Imposta l’aspetto

    Scegli colore, dimensione e spessore in pixel.

  3. 3

    Copia il CSS

    Controlla l’anteprima e copia la regola.

Il generatore crea un elemento .arrow quadrato con display: inline-block, stessa larghezza e altezza, bordo destro e inferiore e una rotazione per le quattro direzioni.

Non crea triangoli con bordi, clip-path, SVG, gradienti, frecce diagonali o code per tooltip. Non fornisce HTML, verifica del layout o indicazioni di compatibilità. Prova la regola copiata nella tua pagina.

Strumenti correlati