Skip to content

Instantly share code, notes, and snippets.

@patcito

patcito/dabblet.css

Forked from dgmid/dabblet.css
Created February 18, 2012 08:04
Show Gist options
  • Save patcito/1858138 to your computer and use it in GitHub Desktop.
Save patcito/1858138 to your computer and use it in GitHub Desktop.
Download ZIP
CSS text-shadows - Example 4
Raw
dabblet.css
/**
* CSS text-shadows - Example 4
*/
/* page styles */
@font-face {
font-family: 'MisoRegular';
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/miso-webfont.eot');
src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/miso-webfont.eot?iefix') format('eot'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/miso-webfont.woff') format('woff'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/miso-webfont.ttf') format('truetype'),
url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/miso-webfont.svg#webfontZGHkR0hw') format('svg');
font-weight: normal;
font-style: normal;
}
body {
text-align: center;
background: #383838 url(http://www.midwinter-dg.com/images/theme/body.gif) repeat;
width:1000px;
margin: 80px auto 40px;
}
p {
width: 300px;
margin: 40px auto;
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #999;
}
a:link, a:visited {
color: #ccc;
text-decoration: none;
}
a:hover, a:active {
color: #0080ff;
}
/* text-shadow styles */
div {
width: 998px; margin-right: auto;
margin-left: auto;
border: 1px solid #424242;
background: black url(http://www.midwinter-dg.com/blog_demos/css-text-shadows/images/neon.jpg) 0;
margin-bottom: 10px;
}
h1 {
color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
letter-spacing: 5px;
font: 80px 'MisoRegular';
}
Raw
dabblet.html
<body>
<div>
<h1>Night in the City</h1>
</div>
<p>you can find more examples here:<br />
<a href="http://www.midwinter-dg.com/blog_demos/css-text-shadows/" target="_blank">CSS text-shadow examples</a>
</p>
</body>
Raw
settings.json
{"page":"result","view":"split"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment