CSS ग्रेडियंट जनरेटर

थेट पूर्वावलोकन आणि कॉपी-रेडी CSS सह रेखीय, रेडियल आणि कॉनिक ग्रेडियंट तयार करा. थांबे, कोन आणि आकार समायोजित करा — नंतर तुमच्या स्टाईलशीटमध्ये पेस्ट करा.

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

थेट पूर्वावलोकन आणि कॉपी-रेडी CSS सह रेखीय, रेडियल आणि कॉनिक ग्रेडियंट तयार करा.
तुमच्या ब्राउझरमध्ये चालते
वापरण्यासाठी मोफत

How to use

ग्रेडियंट प्रकार आणि कोन किंवा स्थिती निवडा.
रंग थांबे जोडा किंवा संपादित करा.
व्युत्पन्न CSS कॉपी करा.

How this tool works

ग्रेडियंट प्रकार आणि कोन किंवा स्थिती निवडा.
रंग थांबे जोडा किंवा संपादित करा.
व्युत्पन्न CSS कॉपी करा.

Recommended settings

प्रथम डीफॉल्ट पर्याय वापरा, नंतर आवश्यक असल्यास समायोजित करा

Supported formats

Text / on-page input

File size and limits

जुन्या फोनवर खूप जटिल मल्टी-लेयर पूर्वावलोकने हळू वाटू शकतात.

Privacy

रंग आणि CSS जनरेटर पूर्णपणे तुमच्या ब्राउझरमध्ये चालतात. पूर्वावलोकने आणि रूपांतरणे कधीही तुमच्या शैली अपलोड करत नाहीत.

Common use cases

जेव्हा तुम्हाला गरज असेल तेव्हा CSS ग्रेडियंट जनरेटर वापरा: थेट पूर्वावलोकन आणि कॉपी-रेडी CSS सह रेखीय, रेडियल आणि कॉनिक ग्रेडियंट तयार करा.

Troubleshooting

पेस्ट केल्यानंतर पूर्वावलोकन वेगळे दिसते

तुमच्या पृष्ठावर प्रतिस्पर्धी CSS तपासा (रीसेट, वारसा मिळालेले रंग). व्युत्पन्न केलेला नियम प्रथम एका वेगळ्या स्टाईलशीटमध्ये कॉपी करा.

FAQ

हे माझे CSS अपलोड करते का?

नाही. जनरेटर आणि कन्व्हर्टर तुमच्या ब्राउझरमध्ये थेट पूर्वावलोकनासह चालतात.

मला खाते हवे आहे का?

नाही. टूल उघडा, नियंत्रणे सुधारा आणि CSS कॉपी करा.