Chrome Custom css Cool Tricks
————————————–
Since this post, Chrome has changed it’s settings, head over to the following url to get a detailed run down on steps you need to create your custom css:
http://stackoverflow.com/questions/21207474/custom-css-stop-to-work-in-32-0-1700-76-m-google-chrome-update
————————————–
Chrome browser is one of the best browsers around and definitely one of the coolest to play with. The tricks in this blog post apply to both Chrome and its open-source big brother Chromium.
In the address bar, type about://version or chrome://version
This will display a webpage not surprisingly about which version of chrome you use and all such information.
Copy the profile path and open it up in your file browser, navigate to User StyleSheets folder, open up the Custom.css in your favorite text editor and type in any valid css code and save it. The results are instantly shown on your browser for all the webpages opened in all the tabs. The specificity of the css applied in this file supercedes everything, so be careful. You can apply any of the new CSS3 2D,3D transforms.
Tricks:
This code will rotate your webpage by 5 degrees
1 2 3 | body{ -webkit-transform:rotate(5deg); } |
Here is a more subtle trick that makes all the images on the webpage a mirror image of the original:
1 2 3 | img{ -webkit-transform:scale(-1,1); } |
-Jason Ritter