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.7K+ Learners
    4.45  (2328)
    Ecommerce Website with HTML & CSS
    3 hrs
    Intermediate
    26.2K+ Learners
    4.55  (1097)
    Oracle SQL
    4 hrs
    Beginner
    40.4K+ Learners
    4.54  (2633)
    Java Basic Programs
    2 hrs
    Beginner
    35K+ Learners
    4.44  (1137)
    Excel Tips and Tricks
    1 hrs
    Beginner
    71.5K+ Learners
    4.56  (5319)
    Factorial Program in Python
    1 hrs
    Beginner
    3.1K+ Learners
    4.56  (98)
    Palindrome Program in C
    1 hrs
    Beginner
    3.4K+ Learners
    4.42  (147)
    PHP for Beginners
    2 hrs
    Beginner
    46.4K+ Learners
    4.5  (3865)
    Inferential Statistics
    1 hrs
    Beginner
    4.1K+ Learners
    4.54  (226)
    Catia Basics
    2 hrs
    Beginner
    18.3K+ Learners
    4.5  (1503)