[CSS] 그림자(shadow)

 

text-shadow

TEXT SHADOW

text-shadow: 20px 20px 20px #FF0000;
             ---- ---- ---- -------
             x    y    번짐 색상
             h-shadow
                  v-shadow
                       blur-radius
                            color

 

box-shadow

 

box-shadow: 10px 10px 8px #888888 inset;
            ---- ---- --- ------- -----
            x    y    퍼짐 색상   그림자 위치
            h-offset
                 v-shadow
                      blur spread
                          color
                                  그림자 위치
                                  inset(박스 안으로)
                                  initial(기본값)
                                  inherit(부모에게 상속)