La maggior parte delle pagine Web sono, logicamente, formattato per leggere da sinistra verso destra e dall'alto verso il basso. Ma per alcuni disegni, è utile essere in grado di avere il testo in esecuzione lateralmente, dalla parte inferiore dello schermo verso l'alto o dall'alto verso il basso. È semplice simulare questo effetto utilizzando testo grafica, ma si perde alcuni del potenziale dinamico dei campi di testo, nonché la possibilità di copiare e incollare il testo capovolto in altri campi di testo. Esiste un modo per capovolgere il testo da orizzontale a verticale utilizzando codice HTML.
Istruzioni
1
Racchiudere il testo che si desidera capovolgere in un tag span.
Esempio: < span > capovolto testo < / span >
2
Inserire un comando di trasformazione di Webkit per capovolgere il testo per gli utenti di Safari. Utilizzare -90 per avere il testo in esecuzione dalla parte inferiore dello schermo per la parte superiore e 90 per avere il testo in esecuzione dall'alto verso il basso. Utilizzare un punto e virgola per separare questo comando dai seguenti comandi specifici del browser.
Esempio:
< span - webkit-transform: rotate(-90deg); > capovolto testo < / span >
3
Inserire un secondo codice di trasformazione utilizzando il prefisso specifico del browser di Mozilla.
Esempio:
< span - webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); > capovolto testo < / span >
4
Inserire un filtro Grayscale per capovolgere il testo per gli utenti di Internet Explorer. In questo caso, il valore di rotazione 3 verrà eseguito il testo dal basso verso l'alto, e 1 verrà eseguito il testo dall'alto verso il basso.
Esempio:
< span - webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filtro: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); > capovolto testo < / span >
Consigli & Avvertenze
- Testare il codice in quanto molti browser possibili per assicurarsi di che avere ragione. Anche se ci possono essere alcuni cambiamenti minori da browser a browser, questa impostazione fa in modo che il maggior numero di browser possibile vedere il testo che si desidera essere visto.
- Utilizzare testo capovolto con parsimonia. Browser più vecchi non potrebbero renderlo correttamente, e non esiste alcun metodo corrente per flipping testo nel browser Netscape a tutti.