그라데이션 만들기

기본

(31)

방향과 모양만 다른 가장 흔한 형태

번짐

(31)

색 덩어리가 부드럽게 퍼지는 형태. 요즘 AI·SaaS 화면에 가장 많음

질감

(30)

그라데이션 위에 표면 느낌을 얹음

빛·금속

(30)

반짝이고 광택 나는 표면. Y2K·크롬 유행

무늬

(30)

같은 모양을 반복

쓰임새

(30)

어디에 입히는지가 정해진 형태

움직임

(30)

시간에 따라 색이 흐름. 배경 영상 대신 씀

직선
직선 · 135° · 2색
직선기본CSS

한 방향으로 바뀜

같은 색으로 다른 유형누르면 바로 바뀜
색 지점막대를 누르면 추가 · 손잡이를 끌어 위치 조절
각도 135°
색 섞는 방식 OKLCH 는 중간 색이 탁해지지 않습니다
실제로 써 보기
지금 시작하기버튼
가을 세일최대 50%
배너
러너스제목 글자
카드 제목
카드 머리
가져가기
background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
그림 크기
Runners © 2026
Pudding
Pudding

AI가 체크리스트, 예산, 일정, 청첩장까지 자동 생성. 결혼 준비의 모든 것을 한곳에서.

pudding.imarrow_forward
Sense
Sense

D-Day 관리부터 AI 이벤트 계획, 장소 추천까지. 특별한 날을 손쉽게 준비하세요.

sense.imarrow_forward