Skip to content

Instantly share code, notes, and snippets.

@joho
Forked from anonymous/dabblet.css
Created May 18, 2012
Embed
What would you like to do?
Goodfilms New Header
/**
* Goodfilms New Header
*/
/* Rectangle 4: */
.box {
background: #FFA700;
width: 960px;
height: 100px;
background-image: -o-radial-gradient(100% 173%, rgba(0,0,0,0.50) 0%, #009D91 100%);
background-image: -moz-radial-gradient(100% 173%, rgba(0,0,0,0.50) 0%, #009D91 100%);
background-image: -webkit-radial-gradient(100% 173%, rgba(0,0,0,0.50) 0%, #009D91 100%);
background-image: -ms-radial-gradient(100% 173%, rgba(0,0,0,0.50) 0%, #009D91 100%);
background-image: radial-gradient(100% 173%, rgba(0,0,0,0.50) 0%, #009D91 100%);
border-style: 1px solid #979797;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.50);
box-shadow: 0px 2px 4px rgba(0,0,0,0.50);
}
.box h1 {
line-height: 100px;
padding-left: 15px;
/* Goodfil.ms: */
color: #FFA700;
font-family: "Arial Black";
-moz-text-shadow: 3px 4px 4px #0B3D02;
-webkit-text-shadow: 3px 4px 4px #0B3D02;
text-shadow: 3px 4px 4px #0B3D02;
}
<!-- content to be placed inside <body>…</body> -->
<div class="box"><h1>Goodfil.ms</h1></div>
{"view":"separate","fontsize":"90","seethrough":"1","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment