Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .example1 { background-color: #8ebf42; opacity: 0.3; filter: Alpha(opacity=50); } .example2 { background-color: #8ebf42; opacity: 1; filter: Alpha(opacity=50); } </style> </head> <body> <h2>Opacity property example</h2> <h3>Opacity level is 0.3;</h3> <div class="example1"> Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </div> <h3>Opacity level is 1;</h3> <div class="example2">Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</div> </body> </html>