Experiments • HTML

Test on LAMBDATEST    Test on LAMBDATEST


<!DOCTYPE html>
<meta name="robots" content="noindex">

<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>CSS Opacity For Background Experiment</title>
        <meta name="description" content="">
        <style>
            h1 {
                text-align: center;
            }
            div {
                width: 50%;
                margin: 0 auto;
                background-color: #f1c40f;
                padding: 10px;
            }
            .opacity25 {
                opacity: 0.25;
            }
            .opacity50 {
                opacity: 0.5;
            }
            .opacity75 {
                opacity: 0.75;
            }
        </style>
        <!-- Google Tag Manager -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'AW-833407987');
	</script>
	<!-- Google Tag Manager -->
    </head>
    <body>
        <center>
            <h1>CSS OPACITY FOR BACKGROUND</h1>
            <div class="opacity25">
                <p>opacity 25%</p>
            </div>
            <div class="opacity50">
                <p>opacity 50%</p>
            </div>
            <div class="opacity75">
                <p>opacity 75%</p>
            </div>
            <div>
                <p>opacity 100%</p>
            </div>
        </center>
        
    </body>
</html>