A developer recreates the card selection interface from Slay the Spire using CSS and vanilla JavaScript. The tutorial covers CSS Grid layout for card arrangement, absolute positioning with hardcoded values for an animated arm pointer, hover/active micro-interactions with custom timing curves, and JavaScript click handlers to manage card selection state via data attributes. It also demonstrates animating cards into a deck UI with staggered positioning and DOM manipulation for returning cards to their original slots.
•6m watch time
Sort: