Qualcuno sa se esiste un doppio simbolo chevron in unicode/HTML-space simile al doppio guillemet rappresentato da » (»)?Unicode o HTML hanno un doppio Guillemet verticale (chevron)?
In altre parole, sto cercando di evitare l'uso di un'immagine se posso ottenere da con il testo, ma ho bisogno di qualcosa di simile:
E 'il doppio chevron Non riesco per capire. Sembra grafica per me lo è.
Non posso darti l'entità carattere che vuoi, ma è possibile effettuare un ... alternativo, e ancora non usare le immagini (anche se richiede che il testo stesso sia racchiuso in un elemento, in questo caso span):
<span class="shadowed">^</span>
<span class="rotated">»</span>
CSS:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
Quanto sopra span.rotated sezione, per IE < 10 compatibilità (utilizzando filtri, che IE 10 (o possibilmente 9) sarebbe/dovrebbe utilizzare la -ms-transform o, semplicemente, transform CSS3), utilizzando un approccio filter:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
JS Fiddle demo (funziona in IE 7/XP, altre versioni non riesco a testare).
Molto ingegnoso! Scommetto che non funziona in IE lo fa? : - \ (edit: IE8 e sotto no) – jcolebrand
No, stavo per lasciare un commento snarky adiacente al '-ms-rotate' dicendo qualcosa sulla falsariga di 'solo da un senso di ottimismo ...', ma Ho sentito che rendeva il codice più rumoroso ... –
Cosa ne pensi dei filtri per la rotazione? Controlla questo articolo (capitolo di rotazione degli elementi) http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ – fliptheweb
Forse questo sito ti aiuterà http://shapecatcher.com/, molto utile!
Grazie, è un bel sito. Non ti vincerà un segno di spunta, ma ti farà guadagnare +1 da me. Ho trovato alcuni sostituti interessanti per il doppio doppio chevron, ma niente per il doppio doppio chevron. – jcolebrand
Questo è un fantastico sito – slashnick
Vorrei averlo saputo prima. – jagill
︽ U + FE3D SCHEDA DI PRESENTAZIONE PER verticale sinistro DOPPIO ANGOLO SUPPORTO
︾ U + FE3E SCHEDA DI PRESENTAZIONE PER verticale destro DOPPIO ANGOLO SUPPORTO
Questi richiedono un carattere cinese o giapponese però.
C'è un problema con la rotazione. Se applichi la rotazione (90 °) e la rotazione (-90 °) a due distinti », vedrai che la loro posizione cambia. Un modo hacky per risolvere il problema è quello di applicare direzione: RTL in questo modo:
non direttamente correlato ma buono a sapersi – jcolebrand
immagini Evitando è un gran gol, ma un sacco di persone finiscono la navigazione con un browser che non fa unicode destra in ogni caso; vedranno le scatole. Personalmente raccomanderei un'immagine. FWIW Non ho visto nulla di simile a questa scansione http://en.wikipedia.org/wiki/List_of_Unicode_characters –
Non so di chevron, ma ha il circonflesso: '^'/accento circonflesso: 'ˆ' – Smamatti