You are here
CSS3 box-shadow 内侧阴影 内则阴影 内阴影 外阴影 有大用
星期五, 2017-03-03 09:39 — adminshiping1
可以看看 /node-admin/9599 默认为外侧阴影 有了inset就是内侧阴影
可以看看 /node-admin/9599 默认为外侧阴影 有了inset就是内侧阴影
内阴影效果（偏移值都为正）：
#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，这时阴影的效果就只是单边的
来自 http://demo.doyoe.com/css3/box-shadow/box-shadow-inset.htm
普通分类: