css box
css box-shadow的使用
方式/步調
- 1
box-shadow屬性可以給頁面元素添加暗影結果
box-shadow: offset-x offset-y blur spread color position,[<shadow>];
注：boxShadow屬性可以界說多個暗影，每個暗影利用逗號離隔。 offset-x 設置程度暗影偏移量，若是為負值暗影位于元素的左邊。 offset-y 設置垂直暗影偏移量，若是為負值暗影位于元素的上方。
JavaScript語法
object.style.boxShadow = '10px 10px 5px #000';
- 2
box-shadow的利用:offset-x 的取值，取正值是在元素的右側；取負值時，在元素的左側。
- 3
box-shadow的利用:offset-y 的取值，取正值是在元素的下方；取負值時，在元素的上方。
- 4
box-shadow的利用:blur 的取值，暗影恍惚距離，即恍惚水平。值越大，恍惚面積越大，暗影就越大越淡。不克不及為負值。默認為0。
- 5
box-shadow的利用:spread的取值
- 6
box-shadow的利用:position的取值，可選；默認為外暗影；取值為inset為內暗影。
- 7
box-shadow可以實現的結果
END
- 發表于 2020-04-22 19:00
- 閱讀 ( 799 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章