CSS 그라데이션을 시각적으로 만들고 코드를 복사합니다
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
색상 정지점(color stop)과 각도를 조절해 linear·radial 그라데이션 CSS를 만들고, 미리보기를 보며 코드를 바로 복사합니다.
버튼·히어로 배경·카드 헤더에 단색 대신 깊이감을 줄 때, 디자인 시안의 그라데이션을 CSS로 옮길 때 씁니다.
정지점이 3개 이상이면 중간 색을 명시해야 탁한 구간이 생기지 않습니다. 예: linear-gradient(135deg, #0E9AA7 0%, #4353E8 100%).
background-clip: text 와 color: transparent 를 함께 주면 됩니다. 생성된 코드에 두 줄만 추가하세요.
투명(transparent)을 정지점으로 쓰면 브라우저마다 보간이 다릅니다. rgba(색, 0) 처럼 같은 색의 투명값을 쓰세요.