Hearthstone card effect in CSS
An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using HTML, CSS or JS. Among many responses two Codepens were created. They tried to simulate the Hearthstone card effect in CSS only.
The first card-selector is a good attempt, the card effect is nice, fluid and responsive. It can definitely relate to the original. Consequently, inspired by this pen and the tweet, another attempt was made.
This one also feels and looks like Hearthstone. It’s done pretty well using HTML/CSS. The motions are pretty fluid and the effect is good too. It’s amazing what can be done using mostly CSS.
Check out the pens to get a better look and here is the tweet in case you want to find out more.