CLR / 04 · 색상 도구

박스 그림자 생성기

오프셋, 흐림, 확산, 색을 조절하는 동안 실제 카드 위에서 미리 봅니다.

박스 그림자 생성기

겹친 층 ⁨2⁩개, 실제 카드 위에

카드 하나

이 카드 아래의 그림자는 위의 선언을 이 요소에 그대로 적용한 것입니다. 그림자처럼 보이게 따로 그려 둔 그림이 아닙니다.

CSS

box-shadow: 0 10px 30px -6px rgb(0 0 0 / 45%), 0 4px 6px -4px rgb(0 0 0 / 30%);

색은 16진수 3자리나 6자리로 적고, 불투명도는 따로 슬라이더로 둡니다. 길이 단위는 픽셀이며, 퍼짐이 0이면 아무 뜻도 없으므로 생략합니다.

후원하기 💚ToolZool을 무료로 유지하도록 도와주세요

여러분 덕분에ToolZool은 계속 무료입니다