CSS 그라디언트 생성기

실시간 미리보기로 아름다운 CSS 그라디언트를 생성하세요

그라디언트 타입

각도: 90°

색상 중지점

미리보기

CSS 출력

background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

벤더 프리픽스 포함 CSS

background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
-webkit-background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
-moz-background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
-o-background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

프리셋

CSS 그라디언트 생성기

관련 도구