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 | 亚洲精品一区二区三区在线 | 国产精品美女久久久av超清 | 日韩av在线免费 | 99久久精品免费视频 | 欧美激情一区二区 | 亚洲国产欧美精品 | 超碰导航 | 草久网| 久久毛片网站 | 成人免费视频在线观看 | 精品99久久久久久 | 91视频网| 福利视频亚洲 | 国产免费人成xvideos视频 | 亚洲五码在线 | 午夜电影网址 | 欧美美女爱爱视频 | 日本成人福利 | 欧美性猛交一区二区三区精品 | 精品毛片视频 | av在线免费播放 | 亚洲欧美日韩精品久久亚洲区 | 亚洲 中文 欧美 日韩 在线观看 | 亚洲综合激情 | 日韩免费av | 国产成人免费视频网站高清观看视频 | 久久免费精品视频 | 精品综合视频 | 婷婷一级片 | 成人av播放 | 久久久久久国产免费视网址 | 成人欧美一区二区三区在线播放 | 精品一区二区三区四区五区 | 综合色播| 91精品久久久久久久久中文字幕 | 欧美一区二区三区电影 | 欧美一区二区三区国产精品 | 亚洲一区二区精品视频 | 婷婷综合色 | 日韩精品一区二区三区在线观看 |