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

CSS फ़िल्टर के साथ धुंधली तस्वीर या टेक्स्ट बनाएं

<घंटा/>

मोशन ब्लर का उपयोग दिशा और ताकत के साथ धुंधली तस्वीरें या टेक्स्ट बनाने के लिए किया जाता है।

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

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

उदाहरण

आप छवि को धुंधला करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png" alt="CSS Logo" style = "Filter: Blur(Add = 0, Direction = 225, Strength = 10)">
      <p>Text Example:</p>
      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: blue;
         Filter: Blur(Add = 1, Direction = 225, Strength = 10)">CSS Tutorials</div>
   </body>
</html>

  1. CSS के साथ ग्लोइंग टेक्स्ट कैसे बनाएं?

    सीएसएस के साथ चमकदार टेक्स्ट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       background-color: rgb(0, 0, 0); &

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

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

  1. CSS का उपयोग करके एक युक्त पाठ के साथ एक टिप्पणी बॉक्स कैसे बनाएं

    क्लिप-पथ प्रॉपर्टी का उपयोग करके कमेंट बॉक्स बनाया जा सकता है सिंटैक्स CSS क्लिप-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { क्लिप-पथ:/*मान*/} उदाहरण निम्नलिखित उदाहरण दिखाते हैं कि कैसे हम CSS का उपयोग करके एक टिप्पणी बॉक्स बना सकते हैं। .cb { स्थिति:सापेक्ष; गद्दी:2%; सीमा-त्रिज्या:8%;