इस मुफ्त वेब ऐप के साथ अपने खुद के सीएसएस स्नातक ब्लेंड करें

हर वेब डिज़ाइनर के बारे में जानना चाहिए CSS3 ग्रेडिएंट्स. वे लगभग वर्षों से हैं और वे सभी प्रमुख ब्राउज़रों द्वारा व्यापक रूप से समर्थित हैं.

और अब, मुफ्त वेब ऐप जैसे मिश्रण आप के साथ मक्खी पर CSS3 ग्रेडिएंट बनाते हैं इन-ब्राउज़र विज़ुअल एडिटर्स. आप चुन सकते हैं रैखिक और रेडियल ग्रेडिएंट मिश्रण करने के लिए रंगों के साथ छेड़छाड़ करते समय.

प्रारंभिक पृष्ठ के साथ लोड होता है दो ठोस रंग दोनों ओर। आप उपयोग कर सकते हैं रंगों के प्रकार hues के बीच फ़्लिप करना या ए दर्ज करना मैनुअल हेक्स कोड यदि आप उस रंग को जानते हैं जो आप चाहते हैं। एक बार जब आपको दो रंग मिल जाएं, तो आप क्लिक करें “चलो मिश्रण करते हैं” बटन बीच में.

दोनों रंग एक साथ CSS3 ग्रेडिएंट में मिश्रित होते हैं संपादन योग्य विकल्प पृष्ठ के शीर्ष के पास। आप चुन सकते हैं लीनियर ग्रेडिएंट्स और रेडियल ग्रेडिएंट्स, और यदि आप रैखिक शैली का उपयोग कर रहे हैं तो आप कर सकते हैं केंद्र स्थान खींचें पूरे पृष्ठ पर.

इसके अलावा, जब आप कर रहे हैं मिश्रण मोड में आप अभी भी वापस जा सकते हैं रंग बदलें तल पर। यह एकदम सही कोड-फ्री CSS3 ग्रेडिएंट जनरेटर की तरह है जिसकी हर डिजाइनर को जरूरत होती है.

एक बार जब आपको दो रंग पसंद आ जाएं, तो आप क्लिक कर सकते हैं कोड ब्रैकेट आइकन ऊपरी-दाएँ कोने में। यह एक लाता है CSS कोड के साथ विंडो कि आप अपने स्टाइलशीट में कॉपी / पेस्ट कर सकते हैं.

ब्लेंड NYC डिज़ाइनर कॉलिन कीन द्वारा बनाया गया एक मुफ़्त टूल है। यह भी है उसकी साइट पर होस्ट किया गया, हालाँकि मुझे कहीं भी GitHub या किसी भी मुक्त स्रोत कोड का लिंक दिखाई नहीं देता है। लेकिन उन्होंने लिखा था एक मामले का अध्ययन अपने सभी उपयोगी सुविधाओं के साथ ब्लेंड बनाने की उसकी प्रक्रिया का विवरण देना.

दुर्भाग्य से, वर्तमान संस्करण दो से अधिक रंगों का समर्थन नहीं करता है. लेकिन मैं भविष्य में बहु-रंग विकल्पों के लिए अपनी उंगलियों को पार कर रहा हूं.

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

और, यदि आप अपने विचारों को साझा करना चाहते हैं या केवल इस ढाल के लिए धन्यवाद कहें तो आप कॉलिन @ कोलिंकी को ट्वीट कर सकते हैं.