Frecce in ASCII, frecce cssCredo che uno dei tanti problemi che fanno impazzire i web designer, siano le frecce. Il più delle volte si opta per esportarle in formato gif o png, impazzendo poi con le dimensioni, sfondi, allineamenti, ecc…

Dopo alcune ricerche siamo finalmente riusciti a svelare l’arcano e trovare alcuni metodi per viasualizzarle al meglio senza troppi grattacapi.

Ecco a voi una piccola tabella riassuntiva dei simboli con il corrispettivo valore html o esadecimale:

SIMBOLO CODIFICA
← ↑ → ↓ ↔ ← ↑ → ↓ ↔
◄ ▲ ► ▼ ◄ ▲ ► ▼

Esistono inoltre altre tipologia di frecce/triangolo, con lo sfondo bianco e di dimensioni pù piccole, ma è necessario ricordare che non sono ASCII ( American Standard Code for Information Interchange ), bensì Unicode.

Un altra tecnica di rappresentare dei triangoli, è quella di assegnare ad un oggetto una classe con le seguenti caratteristiche:


.freccia_su {
height: 0;
width: 0;
border: 4px solid transparent;
border-bottom-color: #000;
}

.freccia_giu {
height: 0;
width: 0;
border: 4px solid transparent;
border-top-color: #000;
}

Lascia un commento