DEV Community

loading...

CSS project to sharpen your skills

deep_space profile image Deep Space ・1 min read


In this post and video, I'm gonna show you how to create a CSS folder and files in it. It's an animated project just to sharpen your CSS skills.

See on Codepen

Time Codes for the video:
Times Codes:
0:00 Intro
01:08 Adding HTML tags
02:24 Split the screen
02:50 Styling the body tag
05:35 Styling the back of the folder
07:00 Styling the small box
09:00 Styling the papers/files inside the folder
12:08 Styling the papers using nth-child selector
13:50 The Curtain or front page of the folder
17:26 Animating the folder and all the files

Discussion (0)

pic
Editor guide