<!DOCTYPE html> | |
<title>CSS Backdrop Filters Animation: Opacity</title> | |
<link rel="author" title="Mason Freed" href="mailto:masonfreed@chromium.org"> | |
<style> | |
.square { | |
position: absolute; | |
width: 100px; | |
height: 100px; | |
top: 100px; | |
left: 100px; | |
background: blue; | |
} | |
.greenbox { | |
position: absolute; | |
width: 50px; | |
height: 50px; | |
top: 125px; | |
left: 125px; | |
background: green; | |
} | |
</style> | |
<p>You should see a blue square with a green box inside.</p> | |
<div class="square"></div> | |
<div class="greenbox"></div> |