Scribd Logo
Upload

Welcome to Scribd!

  • Opacity Css

    Uploaded by

    Erswyll Mae Duran
    9 views1 page

    Original Title

    opacity css.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views1 page

    Opacity Css

    Uploaded by

    Erswyll Mae Duran

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    undraw.co = website logos,avatar , etc..

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    }

    img:hover { //pagnadaanan ng mouse


    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    }
    </style>
    </head>
    <body>

    <h1>Image Transparency</h1>
    <p>The opacity property is often used together with the :hover selector to change
    the opacity on mouse-over:</p>
    <img src="img_forest.jpg" alt="Forest" width="170" height="100">
    <img src="img_mountains.jpg" alt="Mountains" width="170" height="100">
    <img src="img_5terre.jpg" alt="Italy" width="170" height="100">

    <p><b>Note:</b> In IE, a !DOCTYPE must be added for the :hover selector to work on
    other elements than the a element.</p>

    </body>
    </html>

    You might also like