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
    42.1K+ Learners
    4.47  (2203)
    Ecommerce Website with HTML & CSS
    3 hrs
    Intermediate
    25.9K+ Learners
    4.55  (1035)
    Oracle SQL
    4 hrs
    Beginner
    39.8K+ Learners
    4.55  (2480)
    Java Basic Programs
    2 hrs
    Beginner
    34.9K+ Learners
    4.45  (1105)
    Excel Tips and Tricks
    1 hrs
    Beginner
    70.8K+ Learners
    4.55  (5117)
    Factorial Program in Python
    1 hrs
    Beginner
    3.1K+ Learners
    4.56  (97)
    Palindrome Program in C
    1 hrs
    Beginner
    3.3K+ Learners
    4.44  (144)
    PHP for Beginners
    2 hrs
    Beginner
    45.4K+ Learners
    4.52  (3348)
    Inferential Statistics
    1 hrs
    Beginner
    4.1K+ Learners
    4.54  (201)
    Catia Basics
    2 hrs
    Beginner
    18.1K+ Learners
    4.52  (1440)