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,这时阴影的效果就只是单边的
【网站声明】本站除付费源码经过测试外,其他素材未做测试,不保证完整性,网站上部分源码仅限学习交流,请勿用于商业用途。如损害你的权益请联系客服QQ:2655101040 给予处理,谢谢支持。