"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
ऑनलाइन उपकरण
सॉफ्टवेयर ट्यूटोरियल
साइट नेविगेशन
प्रोग्रामिंग
मुखपृष्ठ > प्रोग्रामिंग > सीएसएस ग्रेडिएंट जेनरेटर

सीएसएस ग्रेडिएंट जेनरेटर

2024-11-07 को प्रकाशित
ब्राउज़ करें:655

श्रृंखला "फ्री सीएसएस टूल्स" में आपका स्वागत है।
इस श्रृंखला में, हमें CSS टूल मिलेंगे जो पूरी तरह से मुफ़्त हैं और उपयोग में आसान हैं।
उपयोग के बारे में कुछ स्पष्टीकरण के बाद मैं उस टूल का लिंक आपके साथ साझा करूंगा।

टूल्स लिंक: यह टूल webdevtales.com पर उपलब्ध है

टूल 1: सीएसएस ग्रेडिएंट जेनरेटर

उपकरण देखो:

CSS Gradient Generator

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

शुरू करना

  • अपने वेब ब्राउज़र में सीएसएस ग्रेडिएंट जेनरेटर खोलें।
  • आपको "रंग 1" और "रंग 2" लेबल वाले दो रंग पिकर के साथ एक ग्रेडिएंट बॉक्स दिखाई देगा।
  • ग्रेडिएंट बॉक्स एक डिफ़ॉल्ट ग्रेडिएंट प्रदर्शित करता है, जिसे आप रंग बीनने वालों का उपयोग करके अनुकूलित कर सकते हैं।

ग्रेडिएंट को अनुकूलित करना

  • रंगों का चयन: अपने ग्रेडिएंट के लिए रंगों का चयन करने के लिए रंग बीनने वालों का उपयोग करें। आप रंग चक्र का उपयोग करके रंगों की एक विस्तृत श्रृंखला में से चुन सकते हैं या मैन्युअल रूप से हेक्स कोड दर्ज कर सकते हैं।
  • रैंडम ग्रेडिएंट: एक आकर्षक रैंडम ग्रेडिएंट उत्पन्न करने के लिए "रैंडम जेनरेट" बटन पर क्लिक करें।
  • ग्रेडिएंट दिशा: ग्रेडिएंट दिशा डिफ़ॉल्ट रूप से "दाईं ओर" पर सेट है। आप पॉपअप में ग्रेडिएंट कोड को संशोधित करके इसे बदल सकते हैं (नीचे देखें)।

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

  • पॉपअप दिखाएं: पॉपअप में ग्रेडिएंट कोड प्रदर्शित करने के लिए "कोड प्राप्त करें" बटन पर क्लिक करें।
  • ग्रेडिएंट कोड: पॉपअप आपके ग्रेडिएंट के लिए रंग और दिशा सहित सीएसएस कोड प्रदर्शित करता है।
  • कॉपी कोड: ग्रेडिएंट कोड को अपने क्लिपबोर्ड पर कॉपी करने के लिए "कॉपी कोड" बटन पर क्लिक करें।

ग्रेडिएंट कोड का उपयोग करना

  • सीएसएस फ़ाइल: किसी तत्व पर ग्रेडिएंट लागू करने के लिए ग्रेडिएंट कोड को अपनी सीएसएस फ़ाइल में पेस्ट करें।
  • HTML तत्व: ग्रेडिएंट कोड के साथ शैली विशेषता जोड़कर ग्रेडिएंट को HTML तत्व पर लागू करें।

टिप्स और विविधताएं

  • रंगों के साथ प्रयोग: अद्वितीय ग्रेडिएंट बनाने के लिए विभिन्न रंग संयोजनों का प्रयास करें।
  • ग्रेडिएंट दिशा बदलें: ग्रेडिएंट की दिशा बदलने के लिए पॉपअप कोड में ग्रेडिएंट दिशा को संशोधित करें।
  • अधिक रंग जोड़ें: पॉपअप कोड को संशोधित करके ग्रेडिएंट में अधिक रंग जोड़ें।

समस्या निवारण

  • ग्रेडिएंट अपडेट नहीं हो रहा: रंग बदलने के बाद "लागू करें" बटन पर क्लिक करना सुनिश्चित करें।
  • ग्रेडिएंट प्रदर्शित नहीं हो रहा है: जांचें कि ग्रेडिएंट कोड HTML तत्व पर सही ढंग से लागू किया गया है।

टूल्स लिंक: यह टूल webdevtales.com पर उपलब्ध है

विज्ञप्ति वक्तव्य यह लेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/areeb_anwar_813df06ee1124/css-gradient-generator-54fe?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए स्टडी_गोलंग@163.com से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>
वर्गीकरणअधिक>
जापानी सीखें कोरियाई सीखो चीनी सीखें विदेशी भाषा सीखें खेल आम समस्या प्रौद्योगिकी परिधीय ऐ सॉफ्टवेयर ट्यूटोरियल प्रोग्रामिंग लेख

चीनी भाषा का अध्ययन करें

औजारअधिक>
छवि बेस64 डिकोडिंग
चीनी पिनयिन
यूनिकोड एन्कोडिंग
जेएस ऑबफस्केशन एन्क्रिप्शन संपीड़न
यूआरएल हेक्साडेसिमल एन्क्रिप्शन उपकरण
UTF-8 एन्कोडिंग रूपांतरण उपकरण
ऑनलाइन Ascii एन्कोडिंग और डिकोडिंग उपकरण
MD5 एन्क्रिप्शन उपकरण
हैश/हैश टेक्स्ट ऑनलाइन एन्क्रिप्शन और डिक्रिप्शन टूल
ऑनलाइन SHA एन्क्रिप्शन

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3