Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ एक क्षीण छाया बनाएँ


शैडो फिल्टर का उपयोग निर्दिष्ट दिशा और रंग में एक क्षीण छाया बनाने के लिए किया जाता है।

इस फ़िल्टर में निम्न पैरामीटर का उपयोग किया जा सकता है -

S.No
<वें शैली ="चौड़ाई:91.382%; पाठ-संरेखण:केंद्र;"> पैरामीटर और विवरण
1
रंग
वह रंग जो आप चाहते हैं कि छाया हो।
2
दिशा
धुंध की दिशा, घड़ी की दिशा में जा रही है, 45-डिग्री की वृद्धि के लिए गोल है। डिफ़ॉल्ट मान 270 (बाएं) है।
0 =शीर्ष
45 =ऊपर दाएं
90 =राइट
135 =नीचे दाईं ओर
180 =नीचे
225 =नीचे बाएँ
270 =वाम
315 =ऊपर बाएँ

उदाहरण

छाया फ़िल्टर लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

<html>
   <head>
   </head>

   <body>

      <img src="/css/images/logo.png" alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family:
         Arial Black;
         color: red;
         Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
   </body>

</html>

  1. CSS के साथ कार्ड कैसे बनाएं?

    CSS के साथ कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; मार्जिन:20 पीएक्स; } .कार्ड { बॉक्स-छाया:0 4px 8px 0 rgba(0,0,0,0.2); चौड़ाई:40%; अधिकतम-चौड़ाई:300px; पृष्ठभूमि-रंग:आरजीबी (56, 185, 185); } .कार्ड:होवर {बॉक्स-छाया:0 8px 16

  1. CSS के साथ कूपन कैसे बनाएं?

    CSS के साथ एक कूपन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma

  1. सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,