transform + box-shadow

可以嘗試 filter: drop-shadow()

這里 transform: rotateZ(3deg); 可以試著調節旋轉角度。然后 box-shadow 主要是調節第二和第三個參數，如果還是和預期的效果不符，你可以將十六進制的顏色改成rgba 的半透明色。即可達到效果望采納。

首先給出陰影的使用方法方便你根據例子調節各個參數box-shadow: h-shadow v-shadow blur spread color inset;h-shadow必需。水平陰影的位置。允許負值。v-shadow必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影的尺寸。color 可選。陰影的顏色。請參閱 CSS 顏色值。inset 可選。將外部陰影 (outset) 改為內部陰影。然后給一個我本地測試的demo

不行的話

總結

以上是生活随笔為你收集整理的CSS3 box的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。