CSS ग्रेडिएंट बैकग्राउंड क्या है?

CSS ग्रेडिएंट दो या अधिक रंगों के बीच एक सहज संक्रमण बनाता है।

क्या 2 से अधिक रंग जोड़ सकते हैं?

हाँ, 6 रंग स्टॉप तक जोड़ सकते हैं।

हाँ, CSS कॉपी करें और सीधे अपनी स्टाइलशीट में पेस्ट करें।

A CSS gradient creates a smooth transition between two or more colors, used as a background effect on web pages.

Yes, you can add up to 6 color stops for rich multi-color gradients.

Yes, copy the generated CSS and paste it directly into your stylesheet or inline style.

टूल्स

सुंदर CSS ग्रेडिएंट बैकग्राउंड बनाएं और कोड कॉपी करें

ब्राउज़र वर्कस्पेस तैयारLocal-first tools • no signup

कोण90°

CSS आउटपुट

background: #4F46E5;
background: -webkit-linear-gradient(90deg, #4F46E5, #EC4899);
background: linear-gradient(90deg, #4F46E5, #EC4899);

टेम्पलेट्स

डायग्राम बोर्ड

स्थानीय flowchart और diagram बनाएँ

ग्रेडिएंट जनरेटर

CSS के लिए ग्रेडिएंट बनाएँ

बॉक्स शैडो

सुंदर CSS बॉक्स शैडो बनाएँ

ग्लासमॉर्फ़िज़्म

फ्रॉस्टेड ग्लास CSS प्रभाव

कलर पिकर

रंग चुनें और HEX, RGB, HSL कन्वर्ट करें

CSS जनरेटर

विभिन्न CSS प्रभाव जनरेट करें