CSS का उपयोग करके टेक्स्ट में ग्रेडिएंट लागू करें।
2024-11-08 को प्रकाशित
ब्राउज़ करें:235
पाठ ढाल
आजकल आप कई जगहों पर टेक्स्ट ग्रेडिएंट जैसी अच्छी तरकीबें देख सकते हैं... लेकिन? क्या आपने कभी सोचा है कि ये कैसे बनते हैं? आइए आज मैं आपको सिखाता हूं।
.text-gradient {
background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
color: transparent;
background-clip: text;
}
यहां देखें सबसे पहले हमने टेक्स्ट के बैकग्राउंड को एक ग्रेडिएंट दिया है। फिर हम टेक्स्ट का रंग पारदर्शी बना देंगे ताकि वह दिखाई न दे।
उसके बाद हम टेक्स्ट बनाने के लिए बैकग्राउंड-क्लिप प्रॉपर्टी का उपयोग करेंगे ताकि बैकग्राउंड का रंग टेक्स्ट के रंग में बदल जाए।
अगर आप ऐसी 4 और ट्रिक्स जानना चाहते हैं, तो नीचे दी गई छवि पर क्लिक करें?
विज्ञप्ति वक्तव्य
यह लेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/shahriarcode/text-e-gryaaddiyyentt-laagaan-css-er-maadyme--1pm6?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल
अधिक>
-
आधुनिक PHP में PHP फ़ाइबर कॉनकरेंसीPHP फाइबर, PHP 8.1 में पेश किया गया, PHP में समवर्ती और अतुल्यकालिक प्रोग्रामिंग को संभालने का एक रोमांचक नया तरीका लाता है। फ़ाइबर आपको निष्पादन के ब...प्रोग्रामिंग 2024-11-08 को प्रकाशित -
लारवेल के लिए एक नया युग: एक्सेल के साथ $मिलियन सीरीज ए फंडिंग - यहां बताया गया है कि यह गेम चेंजर क्यों है!अपनी टोपियाँ पकड़ो, दोस्तों! लारवेल ने कुछ रोमांचक समाचारों के साथ विकास की दुनिया को हिलाकर रख दिया - एक्सेल के नेतृत्व में सीरीज़ ए फंडिंग में $57 म...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
क्या C++11\'s `string::c_str()` अभी भी शून्य-समाप्त है?क्या C 11 की string::c_str() शून्य समाप्ति को समाप्त करती है?C 11 में, string::c_str की अब कोई गारंटी नहीं है एक शून्य-समाप्त उत्पन्न करें स्ट्रिंग।का...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
डेटा विश्लेषक चेकलिस्टएसक्यूएल चेकलिस्ट एमएस एक्सेल चेकलिस्ट पावर बीआई चेकलिस्ट झांकी चेकलिस्ट पायथन चेकलिस्ट अधिक संसाधनों के लिए इस व्हाट्सएप चैनल का अनुसरण करें ...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
गो में YAML फ़ील्ड को संरचनाओं के एक सीमित सेट में गतिशील रूप से कैसे पार्स करें?गो में संरचनाओं के एक सीमित सेट में YAML फ़ील्ड को गतिशील रूप से पार्स करेंपरिचयगो में एक संरचना में YAML को पार्स करना सीधा हो सकता है। हालाँकि, जब ए...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
मुझे अपने C++ कोड में \"vtable\" और \"typeinfo\" अपरिभाषित प्रतीक त्रुटियाँ क्यों मिल रही हैं?अपरिभाषित प्रतीक: "vtable" और "typeinfo"प्रदान किए गए कोड में, निम्नलिखित संदेशों के साथ एक लिंकिंग त्रुटि उत्पन्न होती है:Undefin...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
मैं पायथन में घातीय और लघुगणकीय वक्र फिटिंग कैसे कर सकता हूं?वक्र फिटिंग: पायथन में घातीय और लघुगणकीय दृष्टिकोणहालांकि पॉलीफ़िट() का उपयोग करके बहुपद वक्र फिटिंग पायथन में आसानी से उपलब्ध है, यह मार्गदर्शिका घात...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
सरणीतरीके एफएनएस हैं जिन्हें ऑब्जेक्ट पर कॉल किया जा सकता है ऐरे ऑब्जेक्ट हैं, इसलिए जेएस में उनके तरीके भी हैं। स्लाइस (शुरू): मूल सरणी को बदले ब...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
ES6 मॉड्यूल का सशर्त आयात कैसे प्राप्त करें?ES6 मॉड्यूल का सशर्त आयातES6 में, 'आयात' और 'निर्यात' कीवर्ड केवल शीर्ष स्तर पर दिखाई दे सकते हैं मॉड्यूल. यह सशर्त आयात को रोकता है, ...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
क्या हमें C++ फ़ंक्शन प्रोटोटाइप में अपवाद विनिर्देशकों का उपयोग करना चाहिए?C में अपवाद: क्या हमें उन्हें फ़ंक्शन प्रोटोटाइप में निर्दिष्ट करना चाहिए?C में, अपवाद विनिर्देशक फ़ंक्शन को यह घोषित करने की अनुमति देते हैं कि क्या ...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
पायथन के इफ-स्टेटमेंट्स में लॉजिकल कंजंक्शन के लिए और कीवर्ड का उपयोग कब किया जाता है?पायथन के इफ-स्टेटमेंट्स में तार्किक औरपायथन में इफ स्टेटमेंट का उपयोग करते समय, कई स्थितियों का मूल्यांकन करने के लिए सही तार्किक ऑपरेटरों को नियोजित ...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
Redux क्या है और हम इसका उपयोग कैसे कर सकते हैं?What is Redux, and how do we use it? Redux is like a helpful tool for managing the state of JavaScript programs. It helps keep everything organized an...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
क्या एक अद्वितीय सूचकांक मौजूदा डुप्लिकेट वाली तालिका में डुप्लिकेट को हटा सकता है, और कैसे?अद्वितीय सूचकांक के साथ डुप्लिकेट हटानाडुप्लिकेट डेटा प्रविष्टि को रोकने के प्रयास में, फ़ील्ड ए, बी के लिए गलती से एक सामान्य सूचकांक बनाया गया था। स...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
जावा में रिकॉर्ड स्थापित करने वालेA record एक संरचना है जिसे अपरिवर्तनीय होने की विशेषता है, अर्थात, एक बार record प्रकार की एक वस्तु बनाई गई है। इसकी विशेषताओं को संशोधित नहीं किया जा...प्रोग्रामिंग 2024-11-08 को प्रकाशित
-
बाकी मापदंडों का लाभ उठाएंमैंने आज नोड.जेएस सामग्री का अध्ययन किया और मैंने path.join विधि का उपयोग किया। इस पद्धति का उपयोग नोड.जेएस में व्यापक रूप से किया जाता है। path.join(...प्रोग्रामिंग 2024-11-08 को प्रकाशित
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
