Return to Snippet

Revision: 40057
at January 25, 2011 17:15 by aamirrajpoot


Initial Code
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<style type="text/css">

body {
  margin: 0;
  padding: 0;
  background: #999;
}

.wrapper {
  height: 400px;
  overflow: hidden;
}


#footer {
background: #A53E1F;
background: url(noise.png)  repeat top left, -moz-radial-gradient(50% 0 0deg,ellipse farthest-side,#B9513D,#6f2813) transparent;
background: url(noise.png)  repeat top left, -webkit-gradient(radial,50% 0,700,50% 0,100,from(#6f2813),to(#B9513D))  transparent;
-webkit-transform: scale(1, 0.7) translate(0, -250px);
-moz-transform: scale(1, 0.7) translate(0, -250px);
height: 700px;
width: 100%;
}




 
  
  
</style>

</head><body>
<div class="wrapper">  
<div id="footer">
  
</div>
</div>
</body></html>

Initial URL


Initial Description
CSS Gradient Noise

Initial Title
CSS Gradient Noise

Initial Tags


Initial Language
CSS