
Untitled
By: a guest on
Oct 11th, 2014 | syntax:
HTML | size: 1.23 KB | views:
254 | expires: Never
<!DOCTYPE html>
<html>
<head>
<title>Blurred DIVs</title>
<style TYPE="text/css">
body {
background: url('http://blog.napc.com/Portals/10319/images/clouds.jpg');
}
.container {
width: 100%;
}
.blurred {
width: 75%;
padding: 10px;
background: rgba(255, 255, 255, 0.7);
border-radius: 7px;
}
</style>
</head>
<body>
<div class="container">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><!-- This is dumb. Don't do this. I only did it to quickly push the divs down to the darker part of the bg -->
<div class="blurred">
Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
Content Content Content Content Content Content Content Content Content Content Content Content Content Content
</div>
<br />
<div class="blurred">
Content Content Content Content Content Content Content Content Content Content Content Content Content Content <br />
Content Content Content Content Content Content Content Content Content Content Content Content Content Content
</div>
<br />
</div>
</body>
</html>