Animated Card with HTML & CSS - Tutorial

Overview

Learn to recreate an animated card design using only HTML and CSS by following this tutorial. The course covers HTML structure, CSS styling for front and back elements, hover effects, animations, and spacing adjustments. The teaching method involves step-by-step guidance through the syllabus. This course is intended for individuals interested in front-end web development and design.

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