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

CSS से ऑब्जेक्ट के चारों ओर ग्लो इफेक्ट बनाएं

ग्लो इफेक्ट ऑब्जेक्ट के चारों ओर चमक बनाने के लिए उपयोग किया जाता है। यदि यह एक पारदर्शी इमेज है, तो ग्लो इसके अपारदर्शी पिक्सेल्स के आसपास बनाई जाती है।

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

पैरामीटर विवरण
Color वह रंग जो आप ग्लो के लिए चाहते हैं।
Strength ग्लो की तीव्रता (1 से 255 तक)।

उदाहरण

ऑब्जेक्ट के चारों ओर ग्लो बनाने के लिए निम्न कोड चलाएं:

<html>
  <head>
  </head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Chroma(Color = #000000) Glow(Color=#00FF00, Strength=20)">
    <p>टेक्स्ट उदाहरण:</p>
    <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Glow(Color=#00FF00, Strength=20)">CSS Tutorials</div>
  </body>
</html>

आधुनिक विकल्प: CSS3 में filter: drop-shadow() या box-shadow का उपयोग करें।

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

    बेसिक कार्ड में इमेज, नाम, पदनाम होता है। बॉक्स-शैडो, होवर पर शैडो गहरी, पदनाम बैज स्टाइल, रिस्पॉन्सिव चौड़ाई (40%, मैक्स 300px)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> <style> body { font-family:

  1. CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं? CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं?

    CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma,

  1. CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें? CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें?

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