Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Enhancing Design with CSS!
You have completed Enhancing Design with CSS!
Preview
In our previous stage, we learned to apply shadows to text using CSS. It should be no surprise that CSS offers a box-shadow property that works in a similar fashion for applying cast shadows to any CSS box.
Further reading
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
In our previous stage, we learned
to apply shadows to text using CSS.
0:00
It should be no surprise that CSS
offers a box-shadow property.
0:01
That works in a similar fashion for
applying cast shadows to any CSS box.
0:07
Looking over the CSS Tricks
article on box-shadow,
0:13
the accepted values look almost the same
as the values belonging to text-shadow,
0:16
with the main exception being
an optional value called spread.
0:22
which increases the size of the shadow.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up