Cómo girar Props en CSS

Si está codificando un juego o una página web en CSS que cuenta con apoyos, es posible que desee rotar estas herramientas de apoyo para adaptarse a su diseño o crear una más variada representación visual. Después de insertar la hélice en el juego, la rotación es simple. Usted acaba de tomar el ID de apoyo que ha creado al añadir que, a continuación, agregue el código CSS de rotación. El único problema es que los principales navegadores funcionan rotación CSS diferente, por lo que tendrá una línea de código para cada uno.

 

GIRE

 

Abra el archivo de texto CSS.

 

Empezar una nueva línea con un # y luego el ID prop. Por ejemplo, "prop1" comenzaría como: # {prop1

 

Copia y pega el siguiente en las siguientes líneas:

 

-Moz-transform: rotate (XXdeg);

 

-Webkit-transform: rotate (XXdeg);

 

-O-transform: rotate (XXdeg);

 

-Ms-transform: rotate (XXdeg);

 

Reemplace "XX" en los cuatro casos con el número de grados que giran en sentido horario. También puede añadir un signo negativo para girar hacia la izquierda. Por ejemplo, para girar 60 grados, el código se vería así:

 

# Prop1 {

 

-Moz-transform: rotate (60 grados);

 

-Webkit-transform: rotate (60 grados);

 

-O-transform: rotate (60 grados);

 

-Ms-transform: rotate (60 grados);

 

Cierre el código CSS con un paréntesis de cierre. Por ejemplo:

 

# Prop1 {

 

-Moz-transform: rotate (60 grados);

 

-Webkit-transform: rotate (60 grados);

 

-O-transform: rotate (60 grados);

 

-Ms-transform: rotate (60 grados);

 

}