CSS ग्रेडिएंट जनरेटर
लाइव पूर्वावलोकन और कॉपी करने योग्य CSS के साथ रैखिक या रेडियल CSS ग्रेडिएंट बनाएँ।
उपयोग कैसे करें
Build a gradient
Pick linear or radial, adjust the angle for linear gradients and choose the start and end colors. The preview and CSS update live.
- Choose linear or radial.
- Set the angle and two colors.
- Copy the generated CSS declaration.
Using the CSS
The output is a single background declaration. Paste it into a CSS rule, inline style or style block.
अक्सर पूछे जाने वाले प्रश्न
What does the angle mean?
The angle controls the direction of a linear gradient in degrees, where 0deg points up and 90deg points right.
Can I add more color stops?
This generator creates two-stop gradients. Add extra stops manually to the copied CSS.
संबंधित टूल
रंग पैलेट जनरेटर
किसी भी रंग से हल्के, गहरे, समान, पूरक और त्रिकोणीय पैलेट बनाएँ।
CSS बॉक्स शैडो जनरेटर
ऑफ़सेट, धुंधलापन, फैलाव और रंग स्लाइडर से बॉक्स शैडो बनाएँ, फिर CSS कॉपी करें।
रंग कन्वर्टर
लाइव पूर्वावलोकन के साथ रंगों को HEX, RGB और HSL के बीच बदलें।
UUID / GUID जनरेटर
रैंडम वर्ज़न 4 UUID बनाएँ और उन्हें एक-एक या एक साथ कॉपी करें।
हैश जनरेटर
किसी भी टेक्स्ट के MD5, SHA-1, SHA-256 और SHA-512 डाइजेस्ट की गणना करें।
टाइमस्टैम्प कन्वर्टर
Unix टाइमस्टैम्प, ISO 8601 और पढ़ने योग्य स्थानीय तारीखों के बीच बदलें।