Hvordan Roter Props i CSS

Hvis du er koding et spill eller nettside i CSS som har rekvisitter, kan det være lurt å rotere disse rekvisitter for å passe din layout eller skape en mer variert visuell skjerm. Etter at du har satt propellen inn i spillet, rotere det er enkel. Du bare tar propellen ID du opprettet da du la den, deretter legge til CSS rotasjon kode. Den eneste haken er at de store nettleserne kjøre CSS rotasjon forskjellig, så du trenger en kodelinje for hver.

Bruksanvisning

1 Åpne din CSS tekstfil.

2 Start en ny linje med en # og deretter propellen ID. For eksempel vil "PROP1" starter som: # PROP1 {

3 Kopier og lim inn følgende på de neste linjene:

-moz-transform: rotere (XXdeg);

-webkit-transform: rotate (XXdeg);

-o-transform: rotate (XXdeg);

-MS-transform: rotate (XXdeg);

4 Erstatte "XX" i alle fire tilfeller med antall grader for å rotere med urviseren. Du kan også legge til et minustegn for å rotere mot klokken. For eksempel, for å rotere 60 grader, vil koden se slik ut:

PROP1 {

-moz-transform: rotere (60deg);

-webkit-transform: rotate (60deg);

-o-transform: rotate (60deg);

-MS-transform: rotere (60deg);

5 Lukk CSS-koden med en avsluttende parentes. For eksempel:

PROP1 {

-moz-transform: rotere (60deg);

-webkit-transform: rotate (60deg);

-o-transform: rotate (60deg);

-MS-transform: rotere (60deg);

}