From the course: Tailwind CSS Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Box shadow

Box shadow - CSS Tutorial

From the course: Tailwind CSS Essential Training

Start my 1-month free trial

Box shadow

- [Instructor] There are just a couple of classes related to box shadows. That's how we put shadows on boxes. Actually there's only one set of classes here, so this is a pretty short one. So we essentially can say shadow and then none which is the reset , inner which means a shadow inside, and then these different sort of sizes. Shadows are not cool anymore. So you don't see a lot of items or a lot of websites using a ton of shadows. So these are going to be very minor. Even this one, I mean, it's just a very soft shadow for this two XL size. And you can see that inner actually puts a little shadow inside an element which I think looks kind of nice, but it's still very subtle. And here's shadow none the object without the shadow. And then all these different shadow sizes. That's really all there is to these different shadows. I like that they're there. I think sometimes the shadows can help you separate things…

Contents