box-shadow 方塊陰影
box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow: 水平陰影 垂直陰影 模糊距離 陰影尺寸 陰影的顏色 內部陰影;
box-shadow: 水平陰影 垂直陰影 模糊距離 陰影尺寸 陰影的顏色 內部陰影;
值 | 描述 |
---|---|
h-shadow | 必需。水平陰影的位置。允許負值。 | v-shadow | 必需。垂直陰影的位置。允許負值。 | blur | 可選。模糊距離。 測試 | spread | 可選。陰影的尺寸。 測試 | color | 可選。陰影的顏色。請參閱 CSS 顏色值。 | inset | 可選。將外部陰影 (outset) 改為內部陰影。 |
box-shadow: 20px 20px 5px 5px #888888
box-shadow: 20px -20px 10px 0px #888888;
box-shadow: 20px -20px 10px 0px #91e6fb inset;
border-radius: 150px;box-shadow: 5px 5px 60px 40px #ff9900
box-shadow: 10px 10px 5px 0px rgba(20%,20%,40%,0.4), 5px 5px 5px 0px rgba(20%,20%,40%,0.4) inset, -5px -5px 5px 0px rgba(20%,20%,40%,0.4) inset ;
box-shadow: 5px 5px 3px 0px navajowhite,
10px 10px 3px 0px navajowhite,
15px 15px 3px 0px navajowhite,
20px 20px 3px 0px navajowhite,
25px 24px 3px 0px navajowhite;