In this CSS video tutorial we learn how to add shadows to our text, our block level elements, and finally how to use RGBA color values to control the opacity of our shadows.
If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my updated 8 hour video course and learn pro-level HTML, CSS, and responsive design.
Is there also a possability to make the box-shadow work in IE 7, 8 and up?
Unfortunately IE doesn’t acknowledge box-shadow nor does it have a prefix version (like -ie-box-shadow for example).
However, Microsoft has its own proprietary shadow system:
http://msdn.microsoft.com/en-us/library/ms533086%28VS.85%29.aspx
Here is a page that explains how to achieve shadows in different browsers, including IE and using the Microsoft filter code:
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/