色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

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

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

問題描述

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

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

問題解答

回答1:

首先給出陰影的使用方法方便你根據(jù)例子調(diào)節(jié)各個參數(shù)box-shadow: h-shadow v-shadow blur spread color inset;h-shadow必需。水平陰影的位置。允許負值。v-shadow必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影的尺寸。color 可選。陰影的顏色。請參閱 CSS 顏色值。inset 可選。將外部陰影 (outset) 改為內(nèi)部陰影。然后給一個我本地測試的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); 可以試著調(diào)節(jié)旋轉(zhuǎn)角度。然后 box-shadow 主要是調(diào)節(jié)第二和第三個參數(shù),如果還是和預期的效果不符,你可以將十六進制的顏色改成rgba 的半透明色。即可達到效果望采納。

標簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 美女张开腿给男生桶下面视频 | 精品一区国产 | 久操视频免费在线观看 | 久久精品久久精品久久 | 一级做人爱a视频正版免费 一级做性色a爱片久久片 | 免费看裸色 | 日韩一级a毛片欧美一级 | 欧美一级在线毛片免费观看 | 手机看片国产在线 | 久章草在线观看 | 久久女同互慰一区二区三区 | 欧美顶级毛片在线播放小说 | 欧美性视频xxxxxxxx | 精品成人一区二区三区免费视频 | 青青草国产免费一区二区 | 亚洲第五色综合网啪啪 | 国产日韩欧美综合一区二区三区 | 亚洲国产人成中文幕一级二级 | 久久成年片色大黄全免费网站 | 韩国福利影视一区二区三区 | 日本三级s级在线播放 | 鸥美性生交xxxxx久久久 | 日本伊人精品一区二区三区 | 美女亚洲综合 | 久久久久久久国产精品毛片 | 国产一级片免费看 | 男人都懂的网址在线看片 | 国产成人免费在线 | 伊人情人综合网 | 国产精品成人久久久久久久 | 欧美一级俄罗斯黄毛片 | 欧美视频一区二区三区精品 | 99热com| 欧美精品成人 | 中文字幕水野优香在线网在线 | 国产成人精品亚洲日本在线观看 | 日本一区二区三区在线 视频观看免费 | 91精品宅男在线观看 | 中文乱码一二三四有限公司 | 欧美做爰免费大片在线观看 | 久久爱91|