Creating Depth with Shadows and Layers

Learn how to add depth to a design by adding shadows and overlapping elements.

Download HD Download video SD Source code

Next lesson

Tools used

VS Code as the editor
Sizzy for the browser preview on the right-hand side
Tailwind CSS Intellisense for intelligent auto-completion in VS Code

Beautiful UI components by the creators of Tailwind CSS.

Learn more →

Tailwind UI is now in early access!Now in early access!Beautiful UI components by the creators of Tailwind CSS.Beautiful UI components, crafted by the creators of Tailwind CSS.

Learn more