Today we have a trick that’s based on one great program called Firebug.
We’ll flip the Google’s logo on its homepage upside down by 180 degrees. For this trick to be functional, first you need to download and install firebug onto your browser.
Next go to the Google’s homepage (www.google.com) and do the following steps,
1. Right click on the Google’s logo and click ‘Inspect Element’. A frame should appear below.
2. On the extreme right side, copy and paste the following lines.
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
To add the code, double-click before the ending braces(}). Next, paste the code.
3. Now see your Google homepage. Google’s logo should be flipped by 180 degrees.
The idea: Here we are just adding a simple piece of CSS3 code that flips HTML element by 180 degrees. To rotate it at a random angle, just change 180deg to any other value.