그림자
box-shadow와 text-shadow를 단축 클래스로 지원합니다.
Box Shadow
형식
bs{X}px{Y}px{blur}px{spread}px{HEX6}| 클래스 | CSS |
|---|---|
bs2px4px10px0pxFF0000 | box-shadow: 2px 4px 10px 0px #FF0000 |
bs0px2px8px0px000000 | box-shadow: 0px 2px 8px 0px #000000 |
bsn | box-shadow: none |
Inset
bsi 접두사로 안쪽 그림자를 만듭니다:
| 클래스 | CSS |
|---|---|
bsi2px4px10px0pxFF0000 | box-shadow: inset 2px 4px 10px 0px #FF0000 |
RGBA 색상
HEX 대신 RGBA를 사용할 수 있습니다:
bs2px4px10px0px0-0-0-30 → box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.3)Text Shadow
ts{X}px{Y}px{blur}px{HEX6}| 클래스 | CSS |
|---|---|
ts1px1px3px000000 | text-shadow: 1px 1px 3px #000000 |
그림자 없음: bsn → box-shadow: none