CSS로 그라이데이션 배경을 만들어보자.
CSS로 그라데이션 배경을 만들기 쉽게 도와주는 사이트가 있어 소개시켜드릴려고 합니다.
사이트이름은 uigradients.com 입니다.
uiGradients - Beautiful colored gradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
uigradients.com
사용방법도 간단 한데 같이 알아보도록 합시다.
1.사이트 접속
2.좌측 상단 Show all gradients 메뉴 클릭
3.원하는 그라데이션 색상 클릭
필자는 Moonlit Asteroid를 선택했습니다.
4.우측 상단 <>(Get Css)메뉴 클릭
5.BackGround 소스 복사
이제 사용하고 싶은곳에 붙혀넣기만 하면 됩니다.
정말 사용하기 간편한 사이트인거 같습니다.
저도 자주 애용할꺼 같습니다. ^^
관련글
| 날다의 운영환경 | |
|---|---|
| 본체 | DeskTop |
| O S | Windows11 Pro |
| Browser | Google Chrome |
'CSS' 카테고리의 다른 글
| [CSS] 하이퍼링크(a href) 글자 색상 변경하기 (0) | 2025.01.13 |
|---|---|
| [CSS] HTML에서 자주 쓰이는 특수문자 표로 정리( < , > , 공백, 큰따옴표) (0) | 2025.01.09 |
| [CSS] margin, padding 설정 하기 (한줄로 적기 순서) (0) | 2025.01.07 |
| [CSS] Font-weight (글씨 굵기) 속성 자세히 알아보기 (2) | 2025.01.06 |
| [CSS] 주석으로 설명을 적는 방법 (0) | 2025.01.06 |