반응형
디자이너 없이 따로 웹을 만들 때 아무래도 UI 쪽에 어려움이 있다
그럴 때 background라도 그라데이션으로 넣게 되면 어느 정도 디자인적인 부분은 보안할 수 있다고 생각한다
그라데이션 색상 조합을 제공해 주는 사이트가 몇 개 있으니 참고하면 좋다
uigradients
uiGradients - Beautiful colored gradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
uigradients.com
webgradients
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
Vue를 사용해서 간단하게 Todo 웹 어플리케이션을 만들고 있는데
디자인적으로 엉망이긴 하지만 그래도 그라데이션으로 배경을 넣은 게 낫다
반응형
'CSS' 카테고리의 다른 글
| [#. flex] flex-flow, flex-wrap을 사용해서 flex 아이템 줄 바꿈 설정, 한 줄에 div 개수 지정하기 (0) | 2022.03.11 |
|---|---|
| [#. CSS] Canlendar UI(HTML5 + CSS + JS) 달력 UI (0) | 2021.07.14 |
| [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image (1) | 2020.12.24 |
| [#. CSS] 반응형 웹 모바일, 태블릿 디바이스별 CSS 적용하기 미디어 쿼리 media query (0) | 2020.10.27 |
| [#CSS] iframe 유튜브 영상 첨부 시 비율에 따라 크기 조절하기 (0) | 2020.09.18 |
