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

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

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

उदाहरण

<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>

सुधार: गुण नाम -moz-opacity होना चाहिए (हाइफ़न के साथ)। आधुनिक CSS के लिए opacity का उपयोग करें।

  1. CSS से ब्लरी बैकग्राउंड इमेज कैसे बनाएं? CSS से ब्लरी बैकग्राउंड इमेज कैसे बनाएं?

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

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

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

  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: 300px;