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>RGBA Opacity Background Color</title>
        <meta name="description" content="">
        <html>
        <style>
                h1 {
                    text-align: center;
                }
                div {
                    width: 50%;
                    margin: 0 auto;
                    padding: 10px;
                }
                .opacity0{
                    background: rgba(46, 204, 113,0);
                }
                .opacity25{
                    background: rgba(46, 204, 113,0.25);
                }
                .opacity50{
                    background: rgba(46, 204, 113,0.5);
                }
                .opacity75{
                    background: rgba(46, 204, 113,0.75);
                }
                .opacity100{
                    background: rgba(46, 204, 113,1.0);
                }
                
            </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>
            <h1>RGBA COLOR</h1>
            <div class="opacity0">
                <p>opacity 0%</p>
            </div>
            <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 class="opacity100">
                <p>opacity 75%</p>
            </div>
        </body>

</html>