Hearthstone Card CSS 3D Click/Drag

In honor of the release of the Whispers of the Old Gods expansion for Hearthstone, I wanted to share this proof of concept. The card drag feature in the game has always been one of my favorite things to play with. It feels like the card is reacting to air resistance as you drag it around. The audio is a little finicky, just wanted something rough for the effect.

Author:
Jack Rugile
Created:
APRIL 26, 2016
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen Hearthstone Card CSS 3D Click/Drag by Jack Rugile (@jackrugile) on CodePen.

Advertisement