मुफ़्त CSS ग्रेडिएंट जेनरेटर ऑनलाइन

हां. आप पंजीकरण, साइन इन या परिणाम को अनलॉक किए बिना CSS ग्रेडिएंट बना सकते हैं, पूर्वावलोकन कर सकते हैं और कॉपी कर सकते हैं।

जनरेटर लीनियर-ग्रेडिएंट(), रेडियल-ग्रेडिएंट(), और कॉनिक-ग्रेडिएंट() का समर्थन करता है। प्रत्येक प्रकार केवल वे नियंत्रण दिखाता है जो उसके आउटपुट को प्रभावित करते हैं।

आप दो से छह अपारदर्शी रंग स्टॉप का उपयोग कर सकते हैं। प्रत्येक स्टॉप #RGB या #RRGGBB इनपुट और 0% से 100% तक की स्थिति स्वीकार करता है।

रैखिक ग्रेडिएंट के लिए, 0डिग्री बिंदु ऊपर, 90डिग्री बिंदु दाएँ, 180डिग्री बिंदु नीचे, और 270डिग्री बिंदु बाएँ। शंकुवत् ढाल चयनित मूल के चारों ओर आरंभिक घूर्णन के रूप में कोण का उपयोग करते हैं।

हां. रेडियल और शंक्वाकार मोड आपको मूल को केंद्र, किनारे या कोने पर रखने देते हैं। रेडियल मोड आपको एक वृत्त या दीर्घवृत्त चुनने की सुविधा भी देता है।

हां. जब आपको ठोस फ़ॉलबैक की आवश्यकता हो तो संपूर्ण वर्ग नियम की प्रतिलिपि बनाएँ, या जब आप इसे किसी मौजूदा घोषणा में रख रहे हों तो केवल ग्रेडिएंट फ़ंक्शन की प्रतिलिपि बनाएँ।

पृष्ठभूमि-छवि ग्रेडिएंट लागू करने से पहले पृष्ठभूमि-रंग रेखा एक सरल फ़ॉलबैक प्रदान करती है। किसी भी पाठ या उस पर रखे गए नियंत्रण के सामने उस फ़ॉलबैक रंग की समीक्षा करें।

नहीं. यह संस्करण जानबूझकर केवल अपारदर्शी #RGB और #RRGGBB रंगों को स्वीकार करता है। यह अल्फ़ा, दोहराव, स्तरित या कस्टम रंग-स्थान ग्रेडिएंट उत्पन्न नहीं करता है।

एक सजावटी ग्रेडिएंट उपयुक्त हो सकता है, लेकिन पृष्ठभूमि छवियों की घोषणा स्क्रीन रीडर द्वारा नहीं की जाती है और कंट्रास्ट सतह पर भिन्न हो सकता है। सार्थक डेटा के एकमात्र प्रतिनिधित्व के रूप में ग्रेडिएंट का उपयोग न करें, और कम से कम अनुकूल प्रासंगिक क्षेत्रों के विरुद्ध पाठ का परीक्षण करें।

संपादक के लिए किसी बाहरी सेवा का उपयोग नहीं किया जाता है। आपकी सेटिंग्स वर्तमान ब्राउज़र टैब में रहती हैं और पृष्ठ पुनः लोड होने पर रीसेट हो जाती हैं।