Главная
Study mode:
on
1
- Introduction
2
- What we're trying to build
3
- What we are starting with
4
- Writing the HTML
5
- Starting the CSS
6
- Creating the grid
7
- The hover states
8
- Submit ideas!
9
- Fixing the border-radius
10
- Trying to make the grid 3D
11
- Getting perspective to work
12
- Trying to slide the grid under the text
13
- Fixing the sliding behaviour
14
- Improving the perspective
15
- Adding the shadow
Description:
Explore the process of recreating a visually striking 3D grid layout in this comprehensive tutorial video. Learn how to tackle complex CSS challenges as you follow along with the step-by-step creation of HTML structure, implementation of CSS grid, and addition of 3D effects. Discover techniques for creating hover states, fixing border-radius issues, and achieving the desired perspective. Gain insights into problem-solving approaches and witness the iterative process of refining the design. By the end of this tutorial, acquire the skills to create an impressive 3D grid layout with sliding effects and dynamic shadows, enhancing your web design capabilities.

Cool 3D Grid Layout - Can I Clone It?

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