View on GitHub

scalable-css-playing-cards

Scalable CSS-based playing cards with standard court images for face cards

Download this project as a .zip file Download this project as a tar.gz file

This project is a heavily modified version of Zack Waugh's Helveticards with following notable differences:

  1. Cards are scalable.
  2. Card size may be specific to individual cards or set of cards.
  3. Face cards have standard Anglo-American court images rendered from Chris Aguilar's vectorized-playing-cards SVG files.
  4. Uses custom font for suit symbols to provide visual consistency.
  5. Cards can be flipped to show the back-side.

Supported browsers: recent versions of Chrome, Firefox, Safari, IE9, iOS, and Android browsers. Renders and resizes just fine on iOS and Android but dat-gui gets quirky to use.

Demo