av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

CSS3 box-shadow如何設置,或者用什么方法可以產生圖中這樣陰影的效果。

瀏覽:130日期:2023-02-05 15:50:36

問題描述

CSS3 box-shadow如何設置,或者用什么方法可以產生圖中這樣陰影的效果。

例如圖片中這樣的陰影如何實現, 因為div是長方形的,設置陰影就不是這個效果了,直接在圖片上設置也嘗試過,都不是圖中這樣的陰影,求有什么方法可以實現?

問題解答

回答1:

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

Document body { background-color: #d9edf7; } .box { width: 300px; height: 100px; margin: 100px; background-color: #666e86; transform: rotateZ(3deg); box-shadow: 0 5px 10px #888888; }

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

標簽: CSS
相關文章:
主站蜘蛛池模板: 中文字幕在线精品 | 国产一级片av | 欧美日韩亚洲国产 | 伊人网伊人 | 最新黄色毛片 | 精品欧美乱码久久久久久1区2区 | 亚洲国产中文字幕 | 国产精品国产a | 欧美视频一区二区三区 | 国产真实精品久久二三区 | 国产精品不卡一区 | 日韩美av | 国产夜恋视频在线观看 | 在线观看你懂的网站 | 日韩欧美网 | 黄色大片免费网站 | 亚洲永久精品国产 | 91资源在线 | 日韩视频在线免费观看 | 国久久 | 午夜成人在线视频 | 精品一区久久 | 欧美激情久久久 | 午夜精品久久久久久久久久久久 | 亚洲天堂一区二区 | av免费看片 | 欧美大片久久久 | 欧美在线一区二区三区 | 成人精品国产免费网站 | 亚洲一二三在线 | 国产精品亚洲精品日韩已方 | 很黄很污的网站 | 欧美成人一区二区三区 | 黄色网址在线播放 | 精品欧美一区二区在线观看 | 欧美自拍第一页 | 国产99久久精品一区二区永久免费 | 成人av在线播放 | 久久精品亚洲欧美日韩精品中文字幕 | 日韩在线免费播放 | 国产精品影视 |