CSS 04 盒子阴影效果box-shadow

2023-02-13 21:34:19 浏览数 (3)

box-shadow: h-shadow v-shadow blur spread color inset

h-shadow 必须。水平阴影半径的位置,允许负值

v-shadow 必须。垂直半径阴影

blur 可选,模糊半径设置

color 可选,阴影颜色

inset 可选,内阴影

上海鲜花港的郁金香,花名未闻

2010年世博会,中国馆

body{

代码语言:javascript复制
background-color:#e9e9e9

} .ceng{

代码语言:javascript复制
width:294px;
padding:10px 10px 20px 10px;
border:1px solid #BFBFBF;
background-color:white;
box-shadow: 2px 2px 20px #aaa;

}

.rotate_left{

代码语言:javascript复制
flat:left;
transform:rote(7deg)

}

.rotate_right{

代码语言:javascript复制
flat:left;
transform:rote(-8deg)

}

1 人点赞