सीएसएस ग्रेडिएंट एडिटर: ग्रेडिएंट बैकग्राउंड [मैक] के लिए सीएसएस कोड जनरेट करें

CSS वह सब है जो यह बताता है कि आपका वेब पेज या ऐप अंतिम उपयोगकर्ता को कैसे दिखाई देगा, लेकिन मूल पत्रक को लिखने में कुछ समय लग सकता है। संभवत: इसीलिए आपको बहुत सारे ऑटो सीएसएस कोड जनरेटर मिलेंगे जो आपको प्रभाव जोड़ते हैं, ऑब्जेक्ट या सरल ग्रेडिएंट बनाते हैं। सीएसएस स्नातक संपादक एक मुफ्त मैक ऐप है जो आपको ढाल पृष्ठभूमि बनाने की सुविधा देता है। एप्लिकेशन आपको एक साधारण जीयूआई प्रदान करता है, जिससे आप ढाल के लिए किसी भी रंग का चयन कर सकते हैं, पांच स्टॉप तक जोड़ सकते हैं और जहां प्रत्येक स्टॉप जगह है, वहां का चयन करें। ग्रेडिएंट वर्टिकल या हॉरिजॉन्टल हो सकता है और ऐप आपको प्रीसेट बनाने और सीएसएस बनाने की सुविधा देता है क्रोम, फ़ायरफ़ॉक्स, सफारी, इंटरनेट एक्सप्लोरर 10, ओपेरा के साथ संगत कोड, सभी डब्ल्यू 3 सी से मेल खाते हैं मानक। आप RGB, HSL और Hex कोड के रूप में रंग दर्ज कर सकते हैं।

ऐप एक सरल, दो-शेड ग्रेडिएंट के साथ लोड होता है। इसमें चार खंडों में विभाजित एक एकल खिड़की है, जहां दाईं ओर दो खंड कोड प्रदर्शित करते हैं और ढाल बनाते हैं, जैसा कि आप इसे बनाते हैं। बाईं ओर के खंड आपको प्रीसेट जोड़ते हैं और एक ढाल बनाते हैं या संपादित करते हैं।

आप ज्यादातर निचले बाएँ अनुभाग के साथ काम करेंगे। आप किस प्रकार का ग्रेडिएंट बनाना चाहते हैं, इसके आधार पर, एक्स एक्सिस (वर्टिकल ग्रेडिएंट के लिए) या वाई एक्सिस (क्षैतिज ग्रेडिएंट के लिए) बटन पर क्लिक करें। के लिए रंग बॉक्स पर क्लिक करें शीर्ष रंग, और कौन सा रंग ढाल के ऊपर या बाईं ओर दिखाई देगा। अतिरिक्त स्टॉप जोड़ने के लिए, जाँच करें रुकें बॉक्स के ठीक नीचे शीर्ष रंग, एक बिंदु चुनें, जहां दूसरा रंग स्लाइडर के आगे बढ़ने से शुरू होगा। अतिरिक्त स्टॉप जोड़ने के लिए सूट का पालन करें। फिर, चयन करें नीचे का रंग. प्रभाव का पूर्वावलोकन किया जाएगा, और जैसे ही आप बदलाव करेंगे, कोड अपडेट हो जाएगा।

यदि आप अपने द्वारा बनाए गए ग्रेडिएंट को सहेजना चाहते हैं, तो क्लिक करें प्रीसेट सेव करें बटन और ग्रेडिएंट सेव हो जाएगा। कोड को कॉपी किया जा सकता है और आपके सीएसएस शीट में उपयोग किया जा सकता है जिसमें कोई संशोधन आवश्यक नहीं है।

मैक ऐप स्टोर से सीएसएस ग्रैडिएंट एडिटर प्राप्त करें