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 Foundations Backgrounds and Borders Box Shadows

Posted by ramonakim
ramonakim
4,086 Points

border-radius problem

I can't even see where i went wrong here.

Aren't the values supposed to be in the following order?

box-shadow { h-offset, v-offset, blur, spread, color}?

Create a drop shadow for the .box div. Make it appear 10px to the right and 10px down, with a spread radius of 5px, a color of #222, and a blur radius of 15px.

.box{10px, 10px, 15px, 5px, #222;}

3 Answers

Juan Perez
PLUS
Juan Perez
Courses Plus Student 8,944 Points
Juan Perez
Juan Perez
Courses Plus Student 8,944 Points

Hi, ramonakim the problem is that you're probably confused with the syntax a little. This is how it goes.

selector {
property: value;
}

with your example it would be.

.box {
box-shadow: 10px 10px 15px 5px #222;
}

hope this helped you.!!!

Cheers!

Alexander Handler
seal-mask
.a{fill-rule:evenodd;}techdegree
Alexander Handler
Full Stack JavaScript Techdegree Student 14,567 Points
Alexander Handler
.a{fill-rule:evenodd;}techdegree
Alexander Handler
Full Stack JavaScript Techdegree Student 14,567 Points

Hey Ramonakim,

Pretty sure your commas are unnecessary here. Code should look something like this: 

        .box{
             box-shadow: 10px 10px 15px 5px #222;
}
ramonakim
ramonakim
4,086 Points
ramonakim
ramonakim
4,086 Points

Wow! I must be tired... What a stupid mistake! Thanks fellas...