How to Rotate Props in CSS
- 1). Open your CSS text file.
- 2). Start a new line with a # and then the prop ID. For instance, "prop1" would start like: #prop1 {
- 3). Copy and paste the following on the next lines:
-moz-transform:rotate(XXdeg);
-webkit-transform:rotate(XXdeg);
-o-transform:rotate(XXdeg);
-ms-transform:rotate(XXdeg); - 4). Replace "XX" in all four instances with the number of degrees to rotate clockwise. You can also add a negative sign to rotate counterclockwise. For instance, to rotate 60 degrees, your code would look like:
#prop1 {
-moz-transform:rotate(60deg);
-webkit-transform:rotate(60deg);
-o-transform:rotate(60deg);
-ms-transform:rotate(60deg); - 5). Close the CSS code with a closing bracket. For instance:
#prop1 {
-moz-transform:rotate(60deg);
-webkit-transform:rotate(60deg);
-o-transform:rotate(60deg);
-ms-transform:rotate(60deg);
}
Source...