티스토리 뷰
Box Shadow
- 요소에 그림자 효과를 적용시 사용
- h-offset, v-offset, blur, spread, color
- x, y, 흐린정도, 그림자사이즈, 색상
.box-shadow {
box-shadow : 20px 20px 60px #489dcf,
-20px -20px 60px #62d5ff;
/* 4개 그림자사이즈 생략
3개 그림자사이즈, 흐린정도 생략 */
}
https://neumorphism.io/#55b9f3
Neumorphism/Soft UI CSS shadow generator
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
neumorphism.io
'CSS' 카테고리의 다른 글
| 📐 Transform (1) | 2020.11.15 |
|---|---|
| 🍟 Opacity (0) | 2020.11.11 |
| 🎞 Animation (0) | 2020.11.11 |
| 🍕 Transition (1) | 2020.11.11 |
| 🖼 Background (0) | 2020.11.10 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 프론트엔드면접
- HTML
- react
- VanillaJS
- CSS
- JavaScript
- cssom
- 노드JS
- INPUT
- 오물오물
- function
- 개발자회고
- postman
- nodejs
- vue예제
- 프론트엔드
- CORS
- 프론트엔드개발자
- vue입문
- vue3
- 공공데이터포털
- 리액트
- baegofda
- axios
- 프론트엔드회고
- font-family
- 생활코딩
- vue
- inline
- 공공데이터
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함