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

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


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

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

क्र.सं
पैरामीटर और विवरण
1
Add
सही या गलत। यदि सही है, तो छवि धुंधली छवि में जुड़ जाती है; यदि गलत है, तो छवि धुंधली छवि में नहीं जुड़ती।
2
Direction
ब्लर की दिशा, घड़ी की दिशा में, 45-डिग्री वृद्धि में गोल। डिफ़ॉल्ट मान 270 (बाएं) है।
0 = ऊपर
45 = ऊपर दाएं
90 = दाएं
135 = नीचे दाएं
180 = नीचे
225 = नीचे बाएं
270 = बाएं
315 = ऊपर बाएं
3
Strength
पिक्सेल की संख्या जितना ब्लर फैलेगा। डिफ़ॉल्ट 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 से ग्लोइंग टेक्स्ट कैसे बनाएं? CSS से ग्लोइंग टेक्स्ट कैसे बनाएं?

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

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

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

  1. CSS से कंटेनिंग टेक्स्ट के साथ कमेंट बॉक्स कैसे बनाएं? CSS से कंटेनिंग टेक्स्ट के साथ कमेंट बॉक्स कैसे बनाएं?

    कमेंट बॉक्स clip-path प्रॉपर्टी का उपयोग करके बनाया जा सकता है। सिंटैक्स CSS clip-path प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    clip-path: /*value*/ } उदाहरण 1 निम्न उदाहरण दिखाते हैं कि हम CSS का उपयोग करके कमेंट बॉक्स कैसे बना सकते हैं। <!DOCTYPE html> <html>