🐘 👇🏼 🤽🏼 पारदर्शी पृष्ठभूमि 🧑🏽‍🤝‍🧑🏼 🧘🏻 🙌🏿

मैं दिखाना चाहूंगा कि कैसे जल्दी से एक पारदर्शी पृष्ठभूमि बनाई जा सकती है। यदि आप CSS में opacity कमांड का उपयोग करते हैं, तो बैकग्राउंड निश्चित रूप से पारदर्शी हो जाएगा, लेकिन इसके साथ बाकी सब कुछ भी है।

इस समस्या को कैसे ठीक करें? मैंने इंटरनेट के माध्यम से अफवाह उड़ाई और एक अद्भुत तरीका पाया, जिसके बारे में अब मैं आपको बताऊंगा।

मान लीजिए कि यह आपकी साइट है (html):

<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>   </title> </head> <body> <div class="mid"> <p> </p>  .  . </div> </body> </html>

लाइन "" में सीएसएस स्टाइलशीट शामिल है।

यहाँ यह है (इसे style.css कहा जाता है):

 body{ background: "   " ; * background-attachment: fixed ; background-position: top center; } .mid{ width: 1250px;** margin: 0 auto; background: rgba(161,21,207, 0.5);*** }

मध्य 3 वर्ग में, लाइन RGBA प्रारूप में पारभासी रंग का रंग निर्धारित करता है। इसके 4 अंक, इस मामले में 0.5, 0 से 1 तक पारदर्शिता मूल्य है।

इतना सरल। यह कोशिश करो, आप निश्चित रूप से सफल होंगे!

* - यहाँ url चित्र डालें
** - पृष्ठ की चौड़ाई निर्धारित करें (इसके लिए हमने html कोड में वर्ग मध्य बनाया)
*** - आरजीबी आरजीबी प्रारूप में रंग है। अंतिम पत्र (ए) पृष्ठभूमि की पारदर्शिता को इंगित करता है। इसका मान 0 से 1. तक एक अंक है। 0 एक पूरी तरह से पारदर्शी पृष्ठभूमि है, क्रमशः 1 विपरीत है।

पारदर्शी पृष्ठभूमि

More articles: