CSS ग्रेडिंग जनरेटर
अपने ब्राउज़र में रेनियल, रैडियल और कॉनी सीएसएस ग्रेडिनेट बनाएं।
रंग रुकता है
रुकने के लिए स्टॉप दस्ताने या कीबोर्ड टाइलों का उपयोग करें. प्रत्येक स्टॉप में स्पष्ट रंग, अवांछितता और प्रतिशत शामिल हैं.
ब्राउज़र-नाडिटिक स्थानीय प्रसंस्करण
आपका ग्रेडिंट इस ब्राउज़र में रहता है. कोई रंग या उत्पन्न सीएसएस को कनवर्टर पर नहीं भेजा जाता है.
सीमा सीमा सीमा
आयात लाइन-ग्रेडिंग(), रेडियल-ग्राडिंग() या कॉनिक-गैडींग() को हेक्स रंगों और प्रतिशत के साथ स्वीकार करता है. घोषणाओं, यूआरएल, चर और अज्ञात कार्यों को स्थानीय रूप से अस्वीकार कर दिया जाता है.
उपलब्ध फ्लैट
उत्पन्न सीएसएस में असहाय रेंडर और एक्सेस कंट्रोल क्रोम के लिए ग्रेडिंट के साथ एक ठोस पृष्ठभूमि रंगीन फ्लैटबैक शामिल है।
अक्सर पूछे जाने वाले सवाल
क्या मेरा ग्रेडिएंट अपलोड किया गया है?
नहीं. ग्रेडिंट स्थिति, रंग, आयातित सीएसएस, और उत्पन्न सीएससी आपके ब्राउज़र में रहता है।
कौन सी सीएसएस ग्रेडिंट प्रकारों का समर्थन किया जाता है?
जनरेटर लाइन-ग्रेडिंग(), रेडियल-ग्राडिंग() और कॉनिक-ग्रामिंग() उत्पादन बनाता है जिसमें कई हेक्स रंग रुकें होती हैं।
मैं क्या आयात कर सकता हूं?
आयात एक समर्थित ग्रेडिंट फ़ंक्शन, हेक्स रंग, वैकल्पिक प्रतिशत और सीमित कोण या स्थिति मूल्य का उपयोग करके जानबूझकर सीमित व्याकरण स्वीकार करता है।
CSS ग्रेडिंग जनरेटर
लाइनरी या रेडियल सीएसएस ग्रेडिनेट बनाएं और रंग रुकें, कोण, स्थिति और पुनरावृत्ति का पूर्वावलोकन करें।
- प्रवेश
- ग्रेडिंट प्रकार, रंग रुकें, पदों, कोण, और दोहराव सेटिंग्स.
- आउटपुट
- एक लाइव पूर्वावलोकन और कॉपी करने योग्य सीएसएस पृष्ठभूमि घोषणा.
- वास्तविक सीमाएं
- ब्राउज़र रेंडरिंग इंजन के आधार पर थोड़ा अलग हो सकता है, और उपकरण विरासत ब्राउजर्स में विरोधाभास का मूल्यांकन या समर्थन की गारंटी नहीं करता है।
- गोपनीयता और डेटा प्रसंस्करण
- ग्रेडिंट टाइप, रंग स्टॉप, पदों, कोण, और पुनरावृत्ति सेटिंग्स इस ब्राउज़र टैब में संसाधित किए जाते हैं. कनवर्टर इसे प्राप्त या संग्रहीत नहीं करता है; पृष्ठ को बंद या पुनः लोड करना कार्य स्थिति को स्पष्ट करता है जब तक कि उपकरण स्पष्ट रूप से एक स्थानीय डाउनलोड प्रदान नहीं करता।
इस उपकरण का उपयोग कैसे करें
- ग्रेडिंट प्रकार, रंग रुकें, पदों, कोण और टूल नियंत्रण में दोहराव सेटिंग्स प्रदान करें।
- उन सेटिंग्स का चयन करें जो एक लाइव पूर्वावलोकन और कॉपी करने योग्य सीएसएस पृष्ठभूमि बयान को प्रभावित करते हैं, फिर टूल चलाएं।
- इसे कॉपी करने या डाउनलोड करने से पहले एक लाइव पूर्वावलोकन और कॉपी योग्य सीएसएस पृष्ठभूमि बयान की समीक्षा करें।
असफलता के सामान्य तरीके
एक गायब रंग रुक, असफल रंग, या असंगत स्थिति एक वैध सीएसएस बयान का निर्माण करने से रोकती है।
उपयोगी उदाहरण
एक 90 डिग्री लाइनरी ग्रेडिंट बनाएं #111827 से 0% तक #f59e0b से 100% तक और घोषणा को कॉपी करें।