Главная
Study mode:
on
1
- Introduction
2
- Overview
3
- HTML
4
- CSS basic setup
5
- styling the front
6
- front and background hover
7
- animating the game name
8
- the rank
9
- styling the back
10
- fixing the spacing
11
- fade-up and in for the back
Description:
Learn how to recreate an animated card design from the Top Games section of popdog.com using only HTML and CSS in this comprehensive tutorial video. Follow along as the instructor guides you through the process, starting with the HTML structure and progressing to CSS styling and animations. Master techniques for styling the front and back of the card, creating hover effects, animating game names, and implementing fade-up transitions. Gain practical experience by working on a real-world design example, enhancing your web development skills in HTML and CSS. Includes helpful resources like a clip-path maker and UI Faces, as well as detailed timestamps for easy navigation through different sections of the tutorial.

Animated Card with HTML & CSS - Tutorial

Kevin Powell
Add to list
0:00 / 0:00