box-shadow详解

    技术2022-07-12  72

    box-shadow属性接收一个由5个参数组成的值,每个值的意思如下:

    h-shadow: 水平阴影的位置v-shadow:垂直阴影的位置blur:模糊距离spread:阴影的尺寸color:阴影的颜色 h-shadow 可以为正负值,正数,阴影在元素右边,负数在元素左边; v-shadow 可以为正负值,正负,隐隐在元素下边,负数在元素上边; blur: 默认为0,如添加,只可为正数,数值越大,阴影越模糊 spread:扩展半径,实话,我理解的有点懵,后来我各种百度,我发现有种理解方式很好懂 ,就是把他当做阴影的尺寸。可以被看作是从元素到阴影的距离。如果正值会在元素的四个方向延伸阴影。负值会使阴影变得比元素本身尺寸还要小。默认值“0”会让阴影变得得和元素的大小一样。
    Processed: 0.013, SQL: 10