CSS

[CSS] 그라데이션 배경을 쉽게 만들수 있게 해주는 uigradients 사이트 사용법

Fly_Mir 2025. 1. 6. 15:41

CSS로 그라이데이션 배경을 만들어보자.

CSS로 그라데이션 배경을 만들기 쉽게 도와주는 사이트가 있어 소개시켜드릴려고 합니다.

사이트이름은 uigradients.com 입니다.

 

uiGradients - Beautiful colored gradients

uiGradients is a handpicked collection of beautiful color gradients for designers and developers.

uigradients.com

사용방법도 간단 한데 같이 알아보도록 합시다.

1.사이트 접속

213-1

2.좌측 상단 Show all gradients 메뉴 클릭

213-2

3.원하는 그라데이션 색상 클릭

필자는 Moonlit Asteroid를 선택했습니다.

213-3

4.우측 상단 <>(Get Css)메뉴 클릭

213-4

5.BackGround 소스 복사

213-5

이제 사용하고 싶은곳에 붙혀넣기만 하면 됩니다.

정말 사용하기 간편한 사이트인거 같습니다.

저도 자주 애용할꺼 같습니다. ^^

관련글

날다의 운영환경
본체DeskTop
O SWindows11 Pro
BrowserGoogle Chrome