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

CSS के साथ एक पारदर्शी छवि बनाएं

<घंटा/>

पारदर्शी छवि बनाने के लिए, CSS -moz-opacity . का उपयोग करें संपत्ति। आप सीएसएस के साथ एक छवि शैली और अस्पष्टता सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

<html>
   <head>
   </head>
   <body>
      <img style = "moz-opacity:0.2;filter:alpha(opacity=50);" src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
   </body>
</html>

  1. कैसे सीएसएस के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए? कैसे सीएसएस के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए?

    CSS के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100vh;    margin: 0; &

  1. CSS के साथ हीरो इमेज कैसे बनाएं? CSS के साथ हीरो इमेज कैसे बनाएं?

    सीएसएस के साथ नायक छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100%;    margin: 0;    f

  1. CSS के साथ एक स्टिकी इमेज कैसे बनाएं? CSS के साथ एक स्टिकी इमेज कैसे बनाएं?

    CSS के साथ एक स्टिकी इमेज बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    position: sticky;    top: 0;    width: