国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

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

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

問(wèn)題描述

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

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

問(wèn)題解答

回答1:

首先給出陰影的使用方法方便你根據(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

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é)第二和第三個(gè)參數(shù),如果還是和預(yù)期的效果不符,你可以將十六進(jìn)制的顏色改成rgba 的半透明色。即可達(dá)到效果望采納。

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 都兰县| 南靖县| 句容市| 内丘县| 永顺县| 文成县| 高尔夫| 蚌埠市| 应城市| 棋牌| 襄樊市| 宁城县| 长春市| 泾阳县| 桦南县| 永清县| 梅河口市| 团风县| 富民县| 新余市| 扬州市| 遵化市| 四平市| 敦化市| 河西区| 鹿邑县| 红桥区| 耒阳市| 玉龙| 河津市| 彭州市| 德钦县| 乌拉特前旗| 阳泉市| 舒城县| 霍城县| 朔州市| 社旗县| 华阴市| 阿巴嘎旗| 鱼台县|