Don Hanson
CSS Scrambler
2016CSS Scrambler is a bookmarklet that alters the html from top to bottom by moving the CSS rules found on each element onto its preceding element. The result is a visually scrambled layout. It can be run multiple times on a page, changing the layout each time. Here's the source code.
![](/media/project/css-scrambler/don-hanson-css-scrambler-full-attnDHjM7eg0K0wpy.png)
![](/media/project/css-scrambler/don-hanson-css-scrambler-full-attnDHjM7eg0K0wpy.png)
![](/media/project/css-scrambler/don-hanson-css-scrambler-full-attI2uy6FVFld0aeU.png)
![](/media/project/css-scrambler/don-hanson-css-scrambler-full-attmWCcNjDj0UqHVr.png)
![](/media/project/css-scrambler/don-hanson-css-scrambler-full-att8nnLFY1alou85N.png)