css阴影属性设置

    
        
        
        
        
        
    

        
        

            
            

弹框原生

        

        

            
            

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

            

.offset-x
    第一个长度值指明了阴影水平方向的偏移，即阴影在 x 轴的位置。值为正数时，阴影在元素的右侧；值为负数时，阴影在元素的左侧。;

            

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

            

.offset-y
    第二个长度值指明了阴影竖直方向的偏移，即阴影在 y 轴的位置。值为正数时，阴影在元素的下方；值为负数时，阴影在元素的上方。

            

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

            

blur
    第三个长度值代表了阴影的模糊半径

            

blur
    第三个长度值代表了阴影的模糊半径

            

blur
    第三个长度值代表了阴影的模糊半径

            

spread
    第四个长度代表了阴影扩展半径，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小。前提是存在阴影模糊半径。

        

        

spread 前提是存在阴影模糊半径。

        

11spread，如果值为正，则整个阴影都延展扩大，反之值为负值是，则缩小。前提是存在阴影模糊半径。

        

颜色取值

        

设置阴影类型为“inset”时，其投影就是内阴影。

        
    
    

----------------------------------------------------------------

    
    

设置四边不一样