HowTo:Mess up Uncyclopedia/9

From Uncyclopedia, the content-free encyclopedia
Jump to navigation Jump to search

For consistency, I've changed the "gay" to uppercase as well. What's more insane? Hmmmm... Oh, we can rotate things! But I think we should first try it on one div element.

<div style="transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); width: 200px; height: 200px; border: 3px solid black; background: white; text-transform: none !important;">This div element is rotated by five degrees.</div>

This div element is rotated by five degrees.

That looks fine. I shall add it to the CSS. But the rotation is gonna be one degree instead of five.

div {
  transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
}

The divs that are nested in layers of other divs will be rotated by quite a few degrees. Prepare to say goodbye to sanity.

Click here to continue.