매일 손이 가는 개발자 도구를 한곳에.
변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.
여러 그림자를 지원하는 시각적 CSS box-shadow 생성기입니다
CSS box-shadow 속성은 요소의 프레임 주위에 그림자 효과를 추가합니다. 쉼표로 구분해 여러 개의 그림자를 설정할 수 있습니다. 각 그림자는 수평·수직 오프셋, 블러와 확산(spread) 반경, 색상 등으로 정의됩니다…
Box shadow는 여러 값으로 정의됩니다. 수평 오프셋(양수면 오른쪽으로 이동), 수직 오프셋(양수면 아래로 이동), 블러 반경(클수록 더 흐릿함), 확산 반경(양수면 확장, 음수면 축소), 그리고 색상…
은은한 그림자, 중간 정도의 입체감, 안쪽 그림자(inset)를 다루어 일반적인 입력과 출력을 빠르게 비교할 수 있습니다.
선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.
// No external dependencies needed - generates CSS box-shadow strings interface Shadow { horizontal: number; vertical: number; blur: number; spread: number; color: string; opacity: number; inset: boolean;
