Web Tip: Banish Drop Shadows

04/06/2011 in tutorials,web tips

Thanks to everyone who submitted layout questions to my Formspring account, and a hearty thank you to my screencast volunteers! I will answer every question in a blog post or a screencast tutorial.

Today I will begin by answering this frequently asked question: “How can I get rid of drop shadows”? I’m going to show you how to banish drop shadows in a short demo. I’ll be working on Marangelie Caballero’s blog. :)

drop-shadow specific css:

-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0 0;

Marangelie’s blog has a beautiful layout, but I found an unintended gap towards the bottom of the page and I address that quirk along with my suggested fix in the video below:

Thank you, Marangelie!

Marangelie elsewhere:
shop | flickr | pinterest

♥ credits:
poppy: Mellowmint
fonts: Lullababy, Superscript

Previous post:

Next post: