반응형
box-shadow
- x, y, color
- x, y, blur, color
- x, y, blur, spread, color
x축이 커지면 왼쪽에서 오른쪽으로 y축이 커지면 위에서 아래로 그림자가 생성된다.
blue는 색의 흐림정도이고 값이 커질수록 그림자의 범위가 커지고 색이 흐려짐
spread는 그림자의 크기
background-color: rgba(0, 79, 255, 0.9);
red, green, blue, alpha 값을 넣는다. alpha 값은 투명도 이다.
See the Pen Untitled by code_gray (@code_gray) on CodePen.
반응형
'Develop > CSS' 카테고리의 다른 글
| CSS - z-index (0) | 2022.04.22 |
|---|---|
| CSS - box에 border 표시 하기 ( feat. !important ) (0) | 2022.04.20 |
| CSS - display 속성 ( block , inline, inline-block, none ) (0) | 2022.04.19 |
| CSS - position ( static, relative, absolute, fixed ) (0) | 2022.03.30 |
| CSS - 선택자 ( selector ) (0) | 2022.03.27 |