CoolHue हाथ से उठाया पेस्टल वेब ग्रैडिएंट लाइब्रेरी

वेब ग्रेडिएंट इन दिनों एक दर्जन से अधिक हैं, क्योंकि CSS3 ने स्क्रैच से ग्रेडिएटर्स बनाना इतना आसान बना दिया है, और सही कोड लाइब्रेरी के साथ, यह और भी आसान है.

यही वह जगह है जहां कूलह्यू का मूल्य आता है। यह मुफ्त ऑनलाइन लाइब्रेरी शायद सबसे अच्छी जगह है अपनी साइट के लिए भयानक ढ़ाल पाएं.

अधिकांश ग्रेडिएंट बहुत उज्ज्वल दो-रंग या तीन-रंग वाले पेस्टल चयन का पालन करते हैं। लेकिन ग्रेडिएंट को संपादित करना आसान है ताकि आप किसी भी साइट के साथ ये काम कर सकें.

मुख्य पृष्ठ से, यह ज्यादा नहीं लग सकता है। यह ज्यादातर हाथ से उठाए गए ग्रेडिएंट्स का एक संग्रह है, जिसमें विभिन्न रंग और रंग पसंद हैं। फिर भी, यदि आप GitHub रेपो पर जाते हैं, तो आपको एक पूरी कहानी मिलेगी। यह संग्रह खोजने के लिए सबसे अच्छा विकल्प है व्यक्तिगत रंग पट्टियाँ, सभी विशेष रूप से वेबसाइटों के लिए डिज़ाइन किए गए हैं.

इन ग्रेडिएंट को मोबाइल ऐप UI में पोर्ट करना काफी आसान है। लेकिन मैंने पाया है कि वे ड्रॉप शैडोज़ जैसे नए डिज़ाइन ट्रेंड के साथ सबसे उपयोगी हैं.

अपनी साइट को संपादित करते समय आप कर सकते हैं रंग सरणी एक कस्टम सरणी में पास करें चर का रंग। यह आपके सभी मुख्य तत्वों के साथ आपके मुख्य HTML के अंदर दिखाई देना चाहिए.

जावास्क्रिप्ट का उपयोग करते हुए आप का पूरा नियंत्रण है कि कैसे रंग एक साथ आते हैं। CSS3 भी कई रंगों का समर्थन कर सकता है, लेकिन यह सभी पेज तत्वों और सभी ब्राउज़रों में काम करने के लिए कठिन है.

CoolHue साइट के साथ, आप भी कर सकते हैं ग्रेडिएंट की मुफ्त पीएनजी फाइलें डाउनलोड करें. इस तरह आप उन्हें ग्राफिक डिज़ाइन प्रोजेक्ट, वेबसाइट मॉकअप में संपादित कर सकते हैं, या उन्हें कच्चे HTML / CSS / JS कोड के बाहर उपयोग कर सकते हैं.

और यदि आप एक बड़े फ़ोटोशॉप उपयोगकर्ता हैं, तो सभी कूलहेड ग्रेडिएंट के साथ .grd ढाल फ़ाइल भी है। बहुत ही सही?

सेटअप निर्देशों और नमूना कोड स्निपेट के लिए GitHub रेपो पर जाएँ। आपको स्केच ग्रेडिएंट फ़ाइल के साथ PS ढाल फ़ाइल भी मिल जाएगी और बहुत कुछ.