DevTulz Online

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

रंग थांबे

CSS ग्रेडिएंट म्हणजे काय?

CSS ग्रेडिएंट तुम्हाला इमेज फाइल्सशिवाय दोन किंवा अधिक रंगांमध्ये मृदू संक्रमणे दाखवण्याची परवानगी देतात. ते तीन प्रकारांत येतात: linear-gradient (सरळ रेषेने), radial-gradient (मध्यवर्ती बिंदूपासून बाहेर पसरणारे), आणि conic-gradient (मध्यवर्ती बिंदूभोवती फिरणारे). ग्रेडिएंट पार्श्वभूमी, बटणे, ओव्हरले आणि सजावटीच्या घटकांसाठी वापरले जातात.

CSS ग्रेडिएंट जनरेटर कसे वापरावे

  1. स्वॉचेसमधून प्रीसेट निवडा किंवा स्वतःचे ग्रेडिएंट कॉन्फिगर करा.

  2. ग्रेडिएंट प्रकार निवडा: linear, radial किंवा conic.

  3. कोन (linear/conic साठी) किंवा आकार (radial साठी) समायोजित करा.

  4. रंग थांबे संपादित करा — रंग आणि स्थान (0–100%) बदला.

  5. आवश्यकतेनुसार रंग थांबे जोडा किंवा काढा.

  6. CSS कॉपी करा आणि आपल्या स्टाइलशीटमध्ये पेस्ट करा.

Keywords: CSS ग्रेडिएंट जनरेटर, रेखीय ग्रेडिएंट, त्रिज्यीय ग्रेडिएंट, शंकूकार ग्रेडिएंट, CSS पार्श्वभूमी जनरेटर, ग्रेडिएंट रंग निवडक, CSS ग्रेडिएंट साधन