CSS 그라디언트 생성기
실시간 미리보기로 CSS 그라디언트 생성.
Presets:
background: linear-gradient(135deg, #D94F30, #0D7C66);CSS 그라디언트란 무엇인가요?
CSS 그라디언트는 HTML 요소의 배경으로 적용되는 두 개 이상의 색상 간의 부드러운 전환입니다. 웹 디자인에서 매력적인 시각 효과를 만드는 가장 많이 사용되는 기법 중 하나입니다.
CSS 그라디언트에는 두 가지 주요 유형이 있습니다: 선형과 원형. 선형 그라디언트는 직선(수평, 수직 또는 각도)을 따라 색상을 전환하고, 원형 그라디언트는 중심에서 바깥으로 색상을 전환합니다.
CSS 그라디언트는 Chrome, Firefox, Safari, Edge, Opera를 포함한 모든 최신 브라우저와 호환됩니다.
자주 묻는 질문
모든 브라우저에서 작동하나요?
네. CSS 그라디언트는 벤더 접두사 없이 모든 최신 브라우저와 호환됩니다. Chrome, Firefox, Safari, Edge, Opera가 완벽하게 지원합니다.
2개 이상의 색상을 사용할 수 있나요?
네, CSS는 여러 색상 정지점이 있는 그라디언트를 허용합니다. 우리 생성기는 간소화를 위해 2개 색상으로 작동하지만, 생성된 CSS에 수동으로 색상 정지점을 추가할 수 있습니다.
생성된 코드를 어떻게 사용하나요?
"복사" 버튼을 클릭하여 CSS 코드를 복사하고 그라디언트를 적용할 HTML 요소의 스타일 속성에 붙여넣으면 됩니다. background 또는 background-image 속성으로 작동합니다.
더 알고 싶으신가요? 전체 가이드 읽기 →