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 執行結果如下...