CSS

The -moz-opacity Property

The -moz-opacity Property

The - moz-opacity property of a picture is utilized to set the obscurity of a picture. This property is utilized to make a straightforward picture in Mozilla. IE utilizes filter:alpha(opacity=x) to make straightforward pictures. In Mozilla (- moz-opacity:x) x can be a worth from 0.0 - 1.0. Lower esteem makes the component more straightforward (the same thing goes for the CSS3-legitimate linguistic structure opacity:x). In IE (filter:alpha(opacity=x)) x can be a worth from 0 - 100. Lower esteem makes the component more straightforward. For example:

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        div{
            border:1px solid red;
            -moz-opacity:0.4;
            filter:alpha(opacity=40);
        }
        img{
            height: 300px;
            width: 300px;
        }
    </style>
</head>
<body>
    <div>
        <img src="https://yt3.ggpht.com/ytc/AKedOLQCxwWkeIU4jyhDL-1vXucz-mquq4uPnTsyUtGiyA=s900-c-k-c0x00ffffff-no-rj">
    </div>
</body>
</html>
Output:


Top course recommendations for you

    Python Basic Programs
    2 hrs
    Beginner
    43.7K+ Learners
    4.43  (2593)
    Ecommerce Website with HTML & CSS
    3 hrs
    Intermediate
    26.7K+ Learners
    4.53  (1241)
    Oracle SQL
    4 hrs
    Beginner
    41.5K+ Learners
    4.55  (3036)
    Java Basic Programs
    2 hrs
    Beginner
    35.3K+ Learners
    4.45  (1193)
    Excel Tips and Tricks
    1 hrs
    Beginner
    72.8K+ Learners
    4.56  (5634)
    Factorial Program in Python
    1 hrs
    Beginner
    3.1K+ Learners
    4.59  (109)
    Palindrome Program in C
    1 hrs
    Beginner
    4.3K+ Learners
    4.55  (806)
    PHP for Beginners
    2 hrs
    Beginner
    47.2K+ Learners
    4.49  (4181)
    Inferential Statistics
    1 hrs
    Beginner
    4.3K+ Learners
    4.56  (260)
    Catia Basics
    2 hrs
    Beginner
    18.6K+ Learners
    4.51  (1560)