Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon

What you will build?

Lesson 1 of 31 in Coddy's 3D Card | Front-end Project course.

You will create a 3d card.

Visually it looks like this..👇🏽

Try it yourself

This lesson doesn't include a code challenge.

All lessons in 3D Card | Front-end Project

1Introduction

What you will build?

4CSS - II

Class 'view-more'Project lessonClass 'view-more-button'Project lessonClass 'svg'Project lesson'social-buttons-container'Project lessonClass 'social-button'Project lessonClass 'logo'Project lesson

2HTML

Title and OutersDiv SectionsProject lessonSpansProject lessonContentProject lessonBottom - IProject lessonBottom - IIProject lessonAdd SVGsProject lessonView more optionProject lesson

5CSS - III

Class 'circle'Project lessonClass 'circle1'Project lessonClass 'circle2'Project lessonClass 'circle3'Project lessonClass 'circle4'Project lessonHovering Effect - IProject lessonHovering Effect - IIProject lesson

3CSS - I

Universal TagProject lessonBody Project lessonClass 'parent'Project lessonClass 'card'Project lessonClass 'glass'Project lessonClass 'content'Project lessonHeadline TitleProject lessonClass 'text'Project lessonClass 'bottom'Project lesson