When it comes to CSS, rotation is a big deal. Rotate your page 90 degrees and you’ll get a clean, fresh, and professional looking design. In this article, I show you how you can rotate your page in an easy way. I use the rotate attribute on my css.
To make things easier you can use a little magic. In the example below I use the rotate(90deg) CSS property. This will rotate your page 90 degrees, but as a rule it won’t rotate it all the way around your page.
I found this example useful while working on this article, so I’m giving you a full working example of how to rotate your page. I also took the time to make the code a bit cleaner by adding an id to the element, and adding a class to the element to control what elements are rotated.
The css property rotate90deg is a new one we are implementing in the next version of our site. I have heard some talk on the forums about how good it is, but I have also been seeing a lot of people using it to rotate the entire page, so we thought we’d give it a try.
This is where we have to make the approtation code more elegant, and to make it easier for the user to read our code. When your page is being rotated, you can select the elements you want to rotate, but only the left-right and left-excluent elements are selected.
I am not sure how we would like this to work. We would have to create a new CSS class to represent the right-side element, and this CSS code will only do the right-side element if we are rotating the entire thing. Then we would have to create a CSS class to represent the left-side element.
Yeah, that’s right. I know this is a bit of a mess. CSS rotations are a bit of a complicated topic, but I think we can get the idea across by keeping it simple. I’ve made a quick little site that helps you rotate your page as well as explain how it works. I think you’ll find the code a bit easier to visualize than the images that we included.
The CSS code that you have created is a bit of a mess. The only thing I can think you can do to make it a little better is to use a class to give it a name and then to include this code in the stylesheet. I know this is a little bit of an overkill, but I hope you will like it.
The CSS style element is actually called rotate 90 degrees.