css background opacity

HOME

HTML

html container tag

Text HTM / HTML

CSS

CSS bold property

css background opacity

PHP

strlen online function

strlen() online

PHP-MySqli

php mysqli delete data

SQL

The opacity property specifies the opacity/transparency of a

The opacity property specifies the opacity/transparency of an element.

element {
    background: rgba(red, green, blue, beta);
    // CSS property
}

The beta parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).


<!DOCTYPE html>

<html>

<head>

<title>rgba property</title>

<style>

h1 {

color: green;

}

h1, h2 {

text-align: center;

}

div {

background: rgb(0, 151, 19);

padding: 10px;

text-align:justify;

}



div.first {

/*setting alpha = 0.1*/

background: rgba(0, 151, 19, 0.1);

}



div.second {

/*setting alpha = 0.3*/

background: rgba(0, 151, 19, 0.3);

}



div.third {

/*setting alpha = 0.6*/

background: rgba(0, 151, 19, 0.6);

}

</style>

</head>

<body>

<h1>GeeksforGeeks</h1>

<h2>Using RGBA color values:</h2>

<div class="first">

<p>This paragraph is shown at 10% opacity.</p></div>

<div class="second">

<p>This paragraph is shown at 30% opacity.</p></div>

<div class="third">

<p>This paragraph is shown at 60% opacity.</p></div>

<div><p>This is default.</p></div>

</body>

Use the opacity Property to Create a Transparent Color in CSS
Use the rgba() Function to Create Transparent Color in CSS

Commenting in HTML | How to Write Comments in HTML

Example Usage. The most common value of type is perhaps text/css , which is used when linking to an external stylesheet. Example Usage. The most common value of type is perhaps text/css , which is used when linking to an external stylesheet.

HTML Comment – Single Line and Double line HTML Comments

HTML Comment – Single

HTML Comment – Single Line and Double

HTML Comment – Single Line and Double line HTML Comments