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

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

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

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

सीएसएस स्नातक संपादक

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

CSS ग्रेडिएंट एडिटर स्टॉप्स

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

Mac App Store से CSS Gradient Editor प्राप्त करें

टिप्पणियाँ