Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Box Shadows

Posted by iainmuirhead
iainmuirhead
2,024 Points

Box-Shadow not showing in my browser display.

.wildlife { color: white; text-align: left; padding: 18% 24%; border-top: 10px solid #ffa949; margin: 105px 0 60px; background: #434a52 url('../img/bear.jpg') no-repeat center; background-size: cover; box-shadow: 15px 15px rgba(0,0,0 .8);

The above box-shadow will not display. Works if I change this to box-shadow: 15px 15px rgb(0,0,0);

Les Campbell
Les Campbell
26,071 Points
Les Campbell
Les Campbell
26,071 Points

You forgot a comma.

box-shadow: 15px 15px rgba(0,0,0, .8)

3 Answers

iainmuirhead
iainmuirhead
2,024 Points

So disappointing that I missed that. Thanks for correcting.

Michael Maitoza
Michael Maitoza
3,805 Points
Michael Maitoza
Michael Maitoza
3,805 Points

Don't feel bad. I made the same mistake and it took me forever to find it.

Lisa Carbonell
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Lisa Carbonell
Full Stack JavaScript Techdegree Graduate 16,926 Points
Lisa Carbonell
.a{fill-rule:evenodd;}techdegree seal-36
Lisa Carbonell
Full Stack JavaScript Techdegree Graduate 16,926 Points

Made the same mistake. Thanks for the question and answers! It's always the little mistakes...