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
- 阅读 ( 787 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章