ORI PEKELMAN

A page that falls apart when you stop reading

(This grey italic paragraph is marked --physics: sand: its letters are loose particles and leave with the background.)

Leave the mouse alone for three seconds. The viewport is rendered to pixels in the browser itself, no server involved, and every pixel becomes a particle with mass. Words become rigid bodies and tumble into a pile at the bottom of the window; the white of the page pours over them like sand and settles on top of the letters.

What stays, what goes

The blue header is marked solid in CSS, so it never moves and sand piles against it. The yellow card is marked rigid: the whole box, text included, falls as one block. Everything else follows the default rules: text is a body, backgrounds are sand.

Scroll, press a key or use the wheel and the page reassembles itself and goes back to being an ordinary page. Drag with the mouse while it is falling to push the sand around or throw a word.

Why

Because a web page is only a million tiny bodies waiting for a force, and it seemed a shame to never give them one.

idle for 3 s → avalanche · scroll / key → reassemble