웹 개발
CSS Gradient Generator
여러 색상으로 선형, 방사형 또는 원뿔형 그라데이션을 만들고 완성된 CSS를 얻습니다.
유형
0°는 위쪽, 이후 시계 방향입니다.
모양
색상
불투명도 %
위치 %
자주 묻는 질문
What's the difference between linear, radial and conic gradients?
Linear gradients transition along a straight line at a chosen angle, radial gradients spread outward from a center point as a circle or ellipse, and conic gradients sweep colors around a center point like a color wheel.
Are conic gradients supported in all browsers?
All current major browsers support conic gradients, but it's a newer CSS feature than linear or radial gradients, so very old browser versions may not render it.
What do I get as output?
The tool generates ready-to-use CSS background syntax with your chosen colors, stops and positions, which you can paste directly into your stylesheet.