Box-shadow is a powerful property in CSS3. It’s more than just for drop-shadows. Think of it as a multi-purpose 3D styling tool. That’s because you can stack multiple drop shadows.
Today I’m going to show you how to make, out of a simple DIV, this:
My friend Lauren contacted me this morning, very excited. She’s got a promising interview this afternoon, so I offered her my time-tested magic interview questions. And then I thought I might as well share this with everyone.
Anytime I interview, I always bring along a list of questions to ask the interviewer. These are mostly based on my research of the job, the company, and the industry, but there are three that are always there, no matter what. They are the questions that get you hired.
I’ve been playing with the text-shadow property in CSS3, and having a lot of fun with it. Did you know that modern browsers allow you to stack multiple drop shadows? Used creatively, this allows for all sorts of pure-css fun.
Here’s what we’re going to build today: