CSS के साथ छवियों को स्टाइल करने के लिए, आपको ऊंचाई, चौड़ाई, - moz-opacity, आदि जैसे गुणों का उपयोग करने की आवश्यकता है। आइए देखें कि - moz-opacity CSS संपत्ति के साथ एक पारदर्शी छवि कैसे बनाएं:
किसी छवि की -मोज़-अपारदर्शिता गुण का उपयोग किसी छवि की अपारदर्शिता को सेट करने के लिए किया जाता है। इस गुण का उपयोग 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>