CSS3 box-shadow:
浏览器参照基准：Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later
内阴影效果（偏移值都为正）：
#box-shadow{ -moz-box-shadow:5px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:5px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:5px 5px 5px #999 inset; /* For Latest Opera */ }
内阴影效果（偏移值都为负）：
#box-shadow2{ -moz-box-shadow:-5px -5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:-5px -5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:-5px -5px 5px #999 inset; /* For Latest Opera */ }
内阴影效果（水平偏移为负，垂直偏移为负）：
#box-shadow3{ -moz-box-shadow:-5px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:-5px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:-5px 5px 5px #999 inset; /* For Latest Opera */ }
内阴影效果（水平偏移为正，垂直偏移为负）：
#box-shadow4{ -moz-box-shadow:5px -5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:5px -5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:5px -5px 5px #999 inset; /* For Latest Opera */ }
* 还可以试试把某个偏移值设置为0，这时阴影的效果就只是单边的
CSS3分步详解：transform属性近来，HTML5和CSS3的发展速度还是很可观的，国内外不乏一些大站，酷站都在使用最新的技术。面对新的技术，我们该
CSS3渐变背景动画应用CSS3渐变背景动画应用，严格来说，目前各个浏览器都还不支持css3的渐变背景的动画，所以在制作的时候我们要灵活变
CSS3-Box-shadow阴影效果用法趣味讲解随着技术的发展，代码在不断的进步，进而替代一些图片所能实现的效果，其中CSS3属性中Box-shadow表现阴影效果是现代