2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Build the Finance Skills That Lead to Promotions, Not Just Certificates
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial recreates an animated game card from an existing website using HTML and CSS. It builds the card from scratch and demonstrates hover-triggered transforms, opacity changes, transitions, and related styling.
Syllabus
- Introduction
- Overview
- HTML
- CSS basic setup
- styling the front
- front and background hover
- animating the game name
- the rank
- styling the back
- fixing the spacing
- fade-up and in for the back
Taught by
Kevin Powell