box shadow屬性四個值是什麼

2025-05-31 22:50:11 字數 1313 閱讀 4545

1樓:一粥美食

1、offset-x

第乙個長度值指明瞭陰影水平方向的偏移,即陰影在 x 軸的位置。值為正數時,陰影在元素的右側;值為負數時,陰影在元素的左側。

2、offset-y

第二個長度值指明瞭陰影豎直方向的偏移,即陰影凳鏈在 y 軸的位置。值為正數時,陰影在元素的下方;值雹野為負數時,陰影在元素的上方。

3、blur

第三個長度值代表了陰影的模糊半徑,舉例來說,就是你在設計軟體中使用 高斯模糊源粗喊。

濾波器帶來的效果。值為 0 意味著該陰影是固態而鋒利的,完全完全沒有模糊效果。blur 值越大,陰影則更不鋒利而更朦朧 / 模糊。負值是不合法的,會被修正成 0。

4、spread

第四個長度代表了陰影擴充套件半徑,其值可以是正負值,如果值為正,則整個陰影都延展擴大,反之值為負值是,則縮小。

設定水平垂直偏移得到陰影效果:

outset情況:水平垂直偏移為0,但是不設定blur和spread,看不到陰影,因為此時box-shadow的周長和border-box一樣,所以可以通過設定偏移讓陰影顯示出來。

inset情況:水平垂直偏移為0,不設定blur和spread,同樣看不到陰影,因為此時box-shadow的周長和padding-box一樣,同樣可通過設定偏移讓陰影顯示出來。

2樓:雲南新華電腦學校

box-shadow: h-shadow v-shadow blur spread color inset;

50px為水平陰影位置(h-shadow),100px為老耐垂直影響位置(v-shadow),5px為模糊距離(blur),#f2347d為陰影顏色(color)‍

50px為水平陰影位置(h-shadow),100px為垂直影響位置(逗睜v-shadow),5px為模糊距離(blur),50px為陰影尺侍指春寸(spread)

3樓:網際網絡前世今生

h-shadow:水平陰影位置。

v-shadow:垂直陰影位置。

blur:模糊距離。

spread:陰洞團悉影的大小。

color:陰影的顏色。

inset:從納乎外到內改變或慎陰影。

求css3 box-shadow的引數用法詳解

4樓:山東文匯軟體

注意事項:ie9+、firefox 4、chrome、opera 以及 safari 支援 box-shadow 屬性。

愛情的兩個屬性特性,愛情的兩個屬性四個特性

自主,互愛,排他,忘掉了 愛情是有心而發,再自然不過的事了,哪有那麼多條條框框 什麼是事務,事務的四個特性是什麼 事務一般是指要做的或所做的事情。事務應該具有4個屬性 原子性 一致性 隔離性 永續性。這四個屬性通常稱為acid特性。1 原子性 乙個事務是乙個不可分割的工作單位,事務中包括的諸操作要麼...

四個自信存在問題,什麼是四個自信?

對照檢查出的問題按照 四個合格 要求,在前期邊學習 邊查詢 邊整改的基礎上,結合這次專題民主生活會的召開,重點從遵守紀律規矩 忠誠乾淨擔當兩個方面,並通過一定的方式 方法開展了徵求意見建議 談心談話等活動,徵求到了來自各方面的意見建議多條,經歸納梳理主要存在以下個方面的問題,並針對這些問題制訂出了問...

arcgis屬性欄位名怎麼才能大於四個漢字

arcgis屬性欄位名怎麼才能大於四個漢字?1 首先在電腦中開啟arcgis軟體,開啟屬性表。2 然後在開啟的屬性表頁面中,滑鼠右鍵點選,選擇開啟字段計算器,如下圖所示。3 接著在字段計算器中輸入公式 mid qsdwmc 1,3 除了mid,還有很多中提取方法,mid屬於常用函式。4 執行結果如下...