css3 内外同时有阴影

html-css041

css3 内外同时有阴影,第1张

div{

box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset,0px 0px 5px rgba(200,200,200,0.5)

width:300px

height:400px

margin:40px auto

background-color: rgba(66,66,66,0.2)

border-radius:4px

border:2px solid rgba(70,70,70,1)

}

用 , 号并在一行

CSS3 内阴影(inset)代码:

.shadow {

-moz-box-shadow:inset 0 0 10px #000000

-webkit-box-shadow:inset 0 0 10px #000000

box-shadow:inset 0 0 10px #000000

}

CSS3 box-shadow 代码说明

inset 0 0 10px #000000含义如下

1. inset: 内投影

2. 水平方向偏移量

3. 垂直方向偏移量

4. 模糊半径值