In this project, you will build a 3D card design by yourself!
Prerequisites:
- Knowledge in HTML & CSS
Overview
Syllabus
Introduction
- What you will build?
HTML
- Title and Outers
- Div Sections
- Spans
- Content
- Bottom - I
- Bottom - II
- Add SVGs
- View more option
CSS - I
- Universal Tag
- Body
- Class 'parent'
- Class 'card'
- Class 'glass'
- Class 'content'
- Headline Title
- Class 'text'
- Class 'bottom'
CSS - II
- Class 'view-more'
- Class 'view-more-button'
- Class 'svg'
- 'social-buttons-container'
- Class 'social-button'
- Class 'logo'
CSS - III
- Class 'circle'
- Class 'circle1'
- Class 'circle2'
- Class 'circle3'
- Class 'circle4'
- Hovering Effect - I
- Hovering Effect - II
