온라인 도구 CSS 상자 그림자 생성기

color
color

CSS 스타일을 얻으려면 상자 그림자의 속성을 만드십시오.

슬라이더와 색상 선택기를 사용하여 값을 설정하고 원하는 효과에 도달할 때까지 실시간 미리보기를 시청하세요. 오른쪽 아래로 이동, 확산, 흐림, 불투명도, 색상을 선택합니다.

미리보기 배경과 개체에 대한 사용자 정의 색상을 선택합니다.

 

여러 상자 그림자 추가

웹 브라우저를 사용하면 디자인에 하나 이상의 그림자를 추가할 수 있으며 이 온라인 도구도 마찬가지입니다. 새로 추가 버튼을 사용하여 현재 라인을 저장하고 새 라인을 설정하십시오. 

 

CSS 구문

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

참고:  요소에 둘 이상의 그림자를 첨부하려면 쉼표로 구분된 그림자 목록을 추가하십시오(아래 "직접 사용해 보기" 예 참조).