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 के साथ हीरो इमेज कैसे बनाएं?

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