Skip to content

Instantly share code, notes, and snippets.

@nrrrdcore
Created May 23, 2012 08:21
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
  • Save nrrrdcore/2773866 to your computer and use it in GitHub Desktop.
Save nrrrdcore/2773866 to your computer and use it in GitHub Desktop.
Outlined Type Effect with CSS Text-Shadowing
body {
background-color: #FFF;
}
#wrapper {
width: 90%;
margin: 200px auto;
}
h1 {
font-family: 'Frontage';
font-size: 50px;
text-align: center;
color: #f9f9f9;
letter-spacing: -5px;
text-shadow: 0 1px 2px rgba(0,0,0,.15),
0 -1px 1px rgba(0,0,0,.1),
0 1px 20px #F9F9F9;
}
<body>
<div id="wrapper">
<h1>Outlined Type + CSS</h1>
</div>
</body>
@broccolini
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment