Se si esegue la codifica di un gioco o un sito web in CSS che dispone di oggetti di scena, si potrebbe desiderare di ruotare i puntelli per misura il vostro layout o creare un più vario visualizzazione. Dopo aver inserito il puntello nel gioco, la rotazione è semplice. Basta prendere l'ID prop si è creato quando è stato aggiunto che, quindi aggiungere il codice di rotazione CSS. L'unico problema è che i principali browser corrono rotazione CSS in modo diverso, quindi avrai bisogno di una riga di codice per ciascuno.

istruzione

1 Aprire il file di testo CSS.

2 Inizia una nuova riga con un # e poi l'ID prop. Per esempio, "prop1" avrebbero cominciato come: # prop1 {

3 Copia e incolla il seguente sulle righe successive:

-moz-transform: rotate (XXdeg);

-webkit-transform: rotate (XXdeg);

-o-transform: rotate (XXdeg);

-ms-transform: rotate (XXdeg);

4 Sostituire "XX" in tutte le quattro istanze con il numero di gradi di rotazione in senso orario. È inoltre possibile aggiungere un segno negativo per ruotare in senso antiorario. Per esempio, per ruotare di 60 gradi, il codice sarà simile:

prop1 {

-moz-transform: rotate (60deg);

-webkit-transform: rotate (60deg);

-o-transform: rotate (60deg);

-ms-transform: rotate (60deg);

5 Chiudere il codice CSS con una parentesi di chiusura. Per esempio:

prop1 {

-moz-transform: rotate (60deg);

-webkit-transform: rotate (60deg);

-o-transform: rotate (60deg);

-ms-transform: rotate (60deg);

}