例如圖片中這樣的陰影如何實(shí)現(xiàn)， 因?yàn)閐iv是長(zhǎng)方形的，設(shè)置陰影就不是這個(gè)效果了，直接在圖片上設(shè)置也嘗試過(guò)，都不是圖中這樣的陰影，求有什么方法可以實(shí)現(xiàn)?
transform + box-shadow
可以嘗試 filter: drop-shadow()
這里 transform: rotateZ(3deg); 可以試著調(diào)節(jié)旋轉(zhuǎn)角度。然后 box-shadow 主要是調(diào)節(jié)第二和第三個(gè)參數(shù)，如果還是和預(yù)期的效果不符，你可以將十六進(jìn)制的顏色改成rgba 的半透明色。即可達(dá)到效果望采納。
首先給出陰影的使用方法方便你根據(jù)例子調(diào)節(jié)各個(gè)參數(shù)box-shadow: h-shadow v-shadow blur spread color inset;h-shadow必需。水平陰影的位置。允許負(fù)值。v-shadow必需。垂直陰影的位置。允許負(fù)值。blur 可選。模糊距離。spread 可選。陰影的尺寸。color 可選。陰影的顏色。請(qǐng)參閱 CSS 顏色值。inset 可選。將外部陰影 (outset) 改為內(nèi)部陰影。然后給一個(gè)我本地測(cè)試的demo
不行的話
加載中...
