विज्ञापन

वेब डेवलपर्स के लिए, HTML5 ने कई रोमांचक नई सुविधाएँ पेश कीं। शुद्ध CSS3 का उपयोग करके ग्रेडिएंट को निर्दिष्ट करने की क्षमता इनमें से एक विशेषता थी। यह गुण "अल्टीमेट सीएसएस ग्रैडिएंट जेनरेटर" जैसे ग्रेडिएंट एडिटर्स को संभव बनाता है।

महान ग्रेडिएंट

अल्टीमेट सीएसएस ग्रैडिएंट जेनरेटर वेब डेवलपर्स के लिए एक मुफ्त ऑनलाइन टूल है। इसे चलाने के लिए आपको फ़ायरफ़ॉक्स, क्रोम या सफारी जैसे HTML5 सपोर्टिंग वेब ब्राउज़र के नवीनतम संस्करण का उपयोग करना चाहिए। उपकरण में दो पैन शामिल हैं: बाएं फलक से आप एक रंग का चयन कर सकते हैं, अपने ग्रेडिएंट को नाम दे सकते हैं, स्लाइडर्स को समायोजित कर सकते हैं और रुक सकते हैं; दाएँ फलक से आप ढाल का पूर्वावलोकन कर सकते हैं और उसका CSS कोड प्राप्त कर सकते हैं।

ग्रेडिएंट उत्पन्न करें

इस ऑनलाइन टूल का उपयोग करके वेब डेवलपर ग्रेडिएंट स्टॉप कलर को एडजस्ट कर सकते हैं, और स्टॉप पोजीशन को जोड़, एडजस्ट और डिलीट कर सकते हैं। पूर्वावलोकन फलक डेवलपर्स को आसानी से एक क्षैतिज या ऊर्ध्वाधर एक के रूप में ढाल देता है; यह फलक यह भी दिखाता है कि IE में इंटरनेट एक्सप्लोरर फॉलबैक ग्रेडिएंट कैसे दिखेगा। जब आप अपने द्वारा किए गए समायोजन से संतुष्ट होते हैं, तो आप बस उत्पन्न सीएसएस की प्रतिलिपि बना सकते हैं और इसे अपनी स्टाइलशीट में पेस्ट कर सकते हैं।

instagram viewer

विशेषताएं:

  • वेब डेवलपर्स के लिए एक बहुत ही अनुकूल वेबसाइट।
  • ग्रेडिएंट उत्पन्न करने के लिए एक सरल इंटरफ़ेस प्रदान करता है।
  • आप रंग और पदों को रोकने के साथ कई चीजें करते हैं।
  • आपको क्षैतिज और लंबवत रूप से ग्रेडिएंट का पूर्वावलोकन करने देता है।
  • आपके बनाए ग्रेडिएंट के लिए CSS कोड बनाता है।
  • इसी तरह के उपकरण: CSS3 CSS3 ग्रेडिएंट जेनरेटर: आसानी से CSS3 वेबकिट ग्रेडिएंट ऑनलाइन बनाएं अधिक पढ़ें ग्रेडिएंट जेनरेटर, सीएसएस ग्रेडिएंट एडिटर, त्वरित 3-रंग CSS3 त्वरित 3-रंग CSS3 ग्रेडिएंट जनरेटर: आसानी से रैखिक और रेडियल ग्रेडिएंट बनाएं अधिक पढ़ें ग्रेडिएंट जेनरेटर त्वरित 3-रंग CSS3 ग्रेडिएंट जनरेटर: आसानी से रैखिक और रेडियल ग्रेडिएंट बनाएं अधिक पढ़ें और बॉर्डर-इमेज-जेनरेटर।

अंतिम CSS ग्रेडिएंट जेनरेटर @ देखें www.colorzilla.com/gradient-editor