본문 바로가기
CSS

글자/박스에 그림자 넣기

by 율✌️ 2022. 5. 26.

text-shadow: 가로거리 세로거리 번짐정도 색상

ex)   text-shadow: 10px 10px 5px #232931

 

👉가로거리의 값 - 양수: 오른쪽으로 그림자 이동

                             음수: 왼쪽으로 그림자 이동

 

👉세로거리의 값 - 양수: 아래쪽 그림자 이동

                             음수: 위쪽으로 그림자 이동

 

👉번짐정도 - 값이 커질 수록 번짐정도 심해짐.

                     음수 값을주면 그림자가 사라짐.

 

👉색상 - 그림자의 색 지정.

               따로 값을 입력하지 않으면 기존 텍스트의 색상으로

 

박스에 그림자를 넣을때는 box-shadow: 10px 10px 5px #232931

10px 10px 5px #232931

10px 10px 5px #232931

 

 

'CSS' 카테고리의 다른 글

Button_ 여러 버튼 속성지정  (0) 2022.06.04
box-sizing_ 박스의 크기 유지  (0) 2022.06.02
두개의 div 한줄에 넣기  (0) 2022.05.26
모바일 CSS 사용코드  (0) 2022.05.19
div 태그로 img넣기_ background-image  (0) 2022.05.19