1. 스큐어 모피즘 (Skeumorphism)
실제 사물의 질감을 직접적으로 적용하여 표현 3D느낌
2. 플랫 디자인
완전 2D
3. 머트리얼 (Modern/ Material)
플랫 디자인에 입체 효과 추가
4. 뉴모피즘 (Newmorphism)
5. 글래스모피즘 (Glassmorphism)
머트리얼 컴포넌트 디자인
https://material.io/components
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
뉴모피즘 CSS 스타일 확인 사이트
https://neumorphism.io/#55b9f3
'CSS' 카테고리의 다른 글
| 22.08.07 뉴모피즘 CSS (0) | 2022.08.07 |
|---|---|
| 21.12.21 flex-속성 (0) | 2021.12.21 |
| 21.12.15 특정 컴포넌트에 props에 따라 css 색 변경 (0) | 2021.12.15 |
| 21.12.13 text shadow (0) | 2021.12.13 |
| 21.01.15 프로젝트#1 Grid Garden (0) | 2021.01.16 |