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

CSS के साथ इमेज की अपारदर्शिता सेट करें

<घंटा/>

किसी इमेज की अपारदर्शिता सेट करने के लिए, CSS -moz-opacity . का उपयोग करें संपत्ति। इस गुण का उपयोग Mozilla में एक पारदर्शी छवि बनाने के लिए किया जाता है। IE फ़िल्टर का उपयोग करता है:अल्फा (अपारदर्शिता =x) पारदर्शी चित्र बनाने के लिए।

उदाहरण

आप सीएसएस के साथ एक छवि शैली और अस्पष्टता सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<html>
   <head>
   </head>
   <body>
      <img style = "border:1px solid red;-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 के साथ बॉर्डर इमेज की चौड़ाई सेट करें

    बॉर्डर-इमेज-चौड़ाई प्रॉपर्टी का इस्तेमाल सीएसएस के साथ बॉर्डर इमेज की चौड़ाई सेट करने के लिए किया जाता है। उदाहरण आप सीमा-छवि-चौड़ाई संपत्ति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <html>    <head>       <style>       &n

  1. CSS के साथ छवि पथ सेट करें

    छवि पथ सेट करने के लिए सीमा-छवि-स्रोत संपत्ति का उपयोग सीएसएस में किया जाता है। आप छवि पथ सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> #borderimg1 { border: 15px solid transparent; padding: 15px;

  1. CSS के साथ पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb