CSS Scrambler

by Donald Hanson

Scrambling Web Layouts Has Never Been Easier

CSS Scrambler is a bookmarklet that reads the HTML from top to bottom and shifts the CSS rules from each element onto its preceding element. The result is a scrambled layout. It can be run multiple times on a page!

Drag the bookmarklet to your bookmarks bar:
CSS Scrambler Bookmarklet

Video:

Some screenshots:
Screen Shot 2015-12-22 at 12.07.36 AMScreen Shot 2015-12-22 at 5.12.43 PMScreen Shot 2015-12-22 at 1.10.13 PMScreen Shot 2015-12-21 at 11.43.25 PM

For those curious about how it works, here is the code that runs when you press the bookmarklet.