W3.CSS Text Opacity

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<link rel="stylesheet" href="https://nielitbhu.com/w3file.css">
<body>
<div class="w3-container">
<h2>This is a w3.css Text Opacity</h2>

<div class="w3-panel w3-pink">
<h2 class="w3-opacity">This is a w3.css Text Opacity</h2>
</div>

<div class="w3-panel w3-red">
<h2 class="w3-opacity">This is a w3.css Text Opacity</h2>
</div>

<div class="w3-panel w3-orange">
<h2 class="w3-opacity">This is a w3.css Text Opacity</h2>
</div>

<div class="w3-panel w3-blue">
<h2 class="w3-opacity"> This is a w3.css Text Opacity</h2>
</div>
</div>

<div class="w3-container w3-light-grey">
<h2 style="text-shadow:1px 1px 0 #444">This is a Text Shadow</h2>
</div>

<div class="w3-container w3-blue">
<h2 style="text-shadow:1px 1px 0 #444">This is a Text Shadow</h2>
</div>

<div class="w3-container w3-red">
<h2 style="text-shadow:2px 2px 0 #444">This is a Text Shadow</h2>
</div>
<div class="w3-container">

<h2>W3.CSS Special Effects</h2>

<div class="w3-panel w3-green">
<h1 class="w3-opacity">
<b>This is a Text Opacity + Bold</b></h1>
</div>

<div class="w3-panel w3-amber">
<h1 class="w3-text-yellow" style="text-shadow:2px 2px 0 #444">
<b>This is a Yellow Text + Shadow + Bold</b></h1>
</div>

<div class="w3-panel w3-green">
<h1 class="w3-text-white" style="text-shadow:1px 1px 0 #444">
<b>This is a white Text + Shadow + Bold</b></h1>
</div>
</div>

</body>
</html>