CSS Tips and Tricks You HAVE to Know

Hi! In this video I will show you 5 css tricks: using grid-template-areas, customizing scroll bar width/color and using scrollbar-gutter, clip-path and creating circle/triangle with it, create some 3D animations with rotate and perspective and glassmorphism efect. Enjoy!!!

Note: I haven't made it clear - grid-template-areas is not only way to used named grid areas, we can indeed also use both grid-template-columns: 'sidebar main main main' and grid-template-rows.

Our new discord community:   / discord  

Newsletter: https://web-dev-everyday.beehiiv.com/...

Music
massobeats - glisten:    • massobeats - glisten (royalty free lo...  

0:00 Intro
00:15 named grid-areas
01:00 custom scrollbar
01:40 scrollbar-gutter
02:02 clip-path
02:25 3D effects with perspective
04:30 glassmorphism effect