CSS ग्रेडिएंट जेनरेटर
लीनियर और रेडियल CSS ग्रेडिएंट बनाएँ। रंगों को दृश्यात्मक रूप से चुनें और जेनरेट किया गया CSS कॉपी करें।
background: linear-gradient(135deg, #535beb, #7c3aed);
CSS ग्रेडिएंट जेनरेटर क्या है?
CSS ग्रेडिएंट दो या अधिक रंगों के बीच के रंग संक्रमण हैं। लीनियर ग्रेडिएंट एक दिशा में बहते हैं; रेडियल ग्रेडिएंट किसी एक बिंदु से निकलते हैं। यह जेनरेटर सामान्य मामलों को कवर करता है; कस्टम पोज़िशन वाले जटिल मल्टी-स्टॉप ग्रेडिएंट के लिए, उन्हें मैन्युअल रूप से बनाएँ।
अक्सर पूछे जाने वाले प्रश्न
क्या ग्रेडिएंट कुशल होते हैं?▼
क्या मैं ग्रेडिएंट को एनिमेट कर सकता हूँ?▼
संबंधित टूल
कलर कन्वर्टर (HEX/RGB/HSL)
रंगों को HEX, RGB और HSL फ़ॉर्मेट के बीच बदलें। किसी रंग को विज़ुअल रूप से चुनें या मानों को मैन्युअल रूप से दर्ज करें।
CSS Box Shadow जनरेटर
CSS में box-shadow मान दृश्य रूप से बनाएँ। रियल टाइम में पूर्वावलोकन करें और जनरेट किया गया CSS कॉपी करें।
Cubic Bezier एक्सेलरेशन कर्व जेनरेटर
CSS के लिए cubic-bezier एक्सेलरेशन (easing) कर्व बनाएँ। मानक प्रीसेट शामिल हैं।
कलर पैलेट जनरेटर
किसी भी बेस रंग से सामंजस्यपूर्ण कलर पैलेट जनरेट करें। कॉम्प्लिमेंटरी, एनालॉगस, ट्रायाडिक और मोनोक्रोमैटिक स्कीम का समर्थन करता है।
CSS Border Radius जनरेटर
CSS में जटिल border-radius मान दृश्य रूप से बनाएँ। प्रत्येक कोने का स्वतंत्र नियंत्रण।
CSS Clamp() जनरेटर
clamp() के साथ फ़्लूइड, रेस्पॉन्सिव CSS मान जनरेट करें। viewport रेंज के अनुसार न्यूनतम और अधिकतम आकारों के बीच सहजता से स्केल करें।