- A heading and paragraph with their opacity lowered
- An image and paragraph with their opacity lowered
- A blurred heading and paragraph
<head> <style>h1 { filter: opacity(75%); } p { filter: opacity(50%); } body { text-align: center; }</style></head> <html> <body> <h1>Declaration of Independence</h1> <p>We hold these truths to be self-evident, that all men are created equal...</p> </body> </html>]]>A heading and paragraph with their opacity lowered.