zl程序教程

您现在的位置是:首页 >  前端

当前栏目

CSS 04 盒子阴影效果box-shadow

CSS 效果 04 盒子 Box 阴影 shadow
2023-06-13 09:16:59 时间

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

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

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

blur 可选,模糊半径设置

color 可选,阴影颜色

inset 可选,内阴影

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

2010年世博会,中国馆

body{

background-color:#e9e9e9

} .ceng{

width:294px;
padding:10px 10px 20px 10px;
border:1px solid #BFBFBF;
background-color:white;
box-shadow: 2px 2px 20px #aaa;

}

.rotate_left{

flat:left;
transform:rote(7deg)

}

.rotate_right{

flat:left;
transform:rote(-8deg)

}