Sorcerer's Isle Scatter Documentation

Cards Scatter Demo

A full deck of playing cards strewn across a table.

Uses random mode plus not setting overflow:hidden style on the container to allow cards to overlap the edge.

Click to flip a card - uses custom handler for click event to modify the CSS transform.

Each individual card uses Scatter too - pre-defined pip coordinates are passed to a fixed mode Scatter instance with click events disabled.

(View source to see markup, script and CSS used.)