Product Card Design - HTML & CSS Only | CSS Transitions | Product Card UI
Assets
For Icons : https://www.heroicons.dev
For Fonts: https://fonts.google.com/
Github Profile : https://github.com/ananikets18
Timestamps ⏱
0:00 - Intro
0:11 - Preview
1:35 - Card
3:23 - Image Box
5:16 - ContentBox
6:41 - Stars
7:55 - Shoe Size
9:18 - Color
10:33 - Buy Now button
11:32 - Animations
Explained:
In this video tutorial we created the product card design using only HTML & CSS with no frameworks or any CDN or library, the layout of this landing page is of Flexbox. Also the video includes the Some Beautiful CSS Transitions as well.
For Icons : https://www.heroicons.dev
For Fonts: https://fonts.google.com/
Github Profile : https://github.com/ananikets18
Timestamps ⏱
0:00 - Intro
0:11 - Preview
1:35 - Card
3:23 - Image Box
5:16 - ContentBox
6:41 - Stars
7:55 - Shoe Size
9:18 - Color
10:33 - Buy Now button
11:32 - Animations
Explained:
In this video tutorial we created the product card design using only HTML & CSS with no frameworks or any CDN or library, the layout of this landing page is of Flexbox. Also the video includes the Some Beautiful CSS Transitions as well.
Category
📚
Learning