您的位置首页百科问答

css box-shadow的使用

css box-shadow的使用

的有关信息介绍如下:

css box-shadow的使用

css box-shadow的使用

box-shadow属性可以给页面元素添加阴影效果

box-shadow: offset-x offset-y blur spread color position,[];

注:boxShadow属性可以定义多个阴影,每个阴影使用逗号隔开。offset-x 设置水平阴影偏移量,如果为负值阴影位于元素的左边。offset-y 设置垂直阴影偏移量,如果为负值阴新瞧荡影位于元素的上方。

JavaScript语法

object.style.boxShadow='10px10px5px#000';

box-shadow的使用:offset-x的取值,取正值是在元素的右侧;取负值时,在元素的左侧。

box-shadow的使用:offset-y 的取值,取正值是在元素的下方;取负值时,在元素的上方。

box-shadow的使用:blur 的取值,阴影模糊距离艺驾,即模糊程度。值越大,模糊面积越大,阴影就越大越淡。不能为盲关负值。默认为0。

box-shadow的使用:spread的取值

box-shadow的使用:position的取值,可选;默认为外阴影;取值为inset为内阴影。

box-shadow可以实现的效果