HeronTool
हिन्दी▾
लॉगिन
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
होम › डिज़ाइन संसाधन › Gradient Border Generator

Gradient Border Generator

Create gradient borders with border-image or the mask technique.

किनारा CSS ग्रेडिएंट
Width—
Radius—

उपयोग कैसे करें

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

उपयोग के उदाहरण

Create gradient borders with border-image or the mask technique.

कुछ भी अपलोड नहीं होता — सब कुछ आपके ब्राउज़र में स्थानीय रूप से प्रोसेस होता है।

टिप्पणी / रिपोर्ट करें / मेरे नोट्स

कृपया पहले लॉगिन करें — लॉगिन

कृपया पहले लॉगिन करें — लॉगिन

कृपया पहले लॉगिन करें — लॉगिन

संबंधित टूल
ग्रेडिएंट जनरेटर लाइव प्रीव्यू के साथ लीनियर/रेडियल CSS ग्रेडिएंट बनाएँ। ग्रेडिएंट फ़ॉन्ट पूर्वावलोकन टेक्स्ट लिखें और लाइव प्रीव्यू के लिए फ़ॉन्ट बदलें। फ़ॉन्ट आइकन खोज Tabler आइकन खोजें और एक क्लिक में SVG कॉपी करें। आइकन रंग पैलेट जनरेटर आधार रंग से सामंजस्यपूर्ण पैलेट (एनालॉग/कॉम्प्लिमेंट्री) बनाएँ। पैलेट मॉकअप जनरेटर URL या स्क्रीनशॉट को डिवाइस मॉकअप फ्रेम में ड्रॉप करें। मॉकअप रंग कंट्रास्ट पृष्ठभूमि पर टेक्स्ट का WCAG कंट्रास्ट जाँचें। कंट्रास्ट box-shadow जनरेटर CSS box-shadow दृश्य रूप से बनाएँ। छाया text-shadow जनरेटर CSS text-shadow बनाएँ। छाया