🍋 CSS Tools
CSS 박스 그림자 생성기
CSS 박스 그림자를 시각적으로 생성
chars
words
sentences
lines
Shadow Preset
결과
결과
CSS 박스 그림자 생성기 소개
CSS box-shadow를 시각적으로 만들고 코드를 생성합니다. 오프셋, 블러, 확산, 색상을 조절합니다.
작동 방식
슬라이더로 오프셋, 블러, 확산, 색상을 조절하면 실시간 미리보기와 CSS 코드가 생성됩니다.
단계별 사용법
- 1 [
- 2 '
- 3 오
- 4 프
- 5 셋
- 6 ,
- 7
- 8 블
- 9 러
- 10 ,
- 11
- 12 확
- 13 산
- 14
- 15 조
- 16 절
- 17 '
- 18 ,
- 19
- 20 '
- 21 그
- 22 림
- 23 자
- 24
- 25 색
- 26 상
- 27
- 28 선
- 29 택
- 30 '
- 31 ,
- 32
- 33 '
- 34 C
- 35 S
- 36 S
- 37
- 38 코
- 39 드
- 40
- 41 복
- 42 사
- 43 '
- 44 ]
팁
- [
- '
- 미
- 묘
- 한
- 그
- 림
- 자
- (
- 블
- 러
- 1
- 0
- -
- 2
- 0
- p
- x
- ,
- 낮
- 은
- 불
- 투
- 명
- 도
- )
- 가
- 세
- 련
- 된
- 느
- 낌
- 을
- 줍
- 니
- 다
- '
- ,
- '
- 여
- 러
- 겹
- 의
- 그
- 림
- 자
- 로
- 깊
- 이
- 감
- 을
- 만
- 드
- 세
- 요
- '
- ,
- '
- M
- a
- t
- e
- r
- i
- a
- l
- D
- e
- s
- i
- g
- n
- 스
- 타
- 일
- 그
- 림
- 자
- 를
- 참
- 고
- 하
- 세
- 요
- '
- ]