Skip to content

Instantly share code, notes, and snippets.

@louisbullock
Created September 8, 2012 07:14
Show Gist options
  • Save louisbullock/3672506 to your computer and use it in GitHub Desktop.
Save louisbullock/3672506 to your computer and use it in GitHub Desktop.
Neon [CSS]
/**
* Neon [CSS]
*/
html {
background: #333;
background:
radial-gradient(#333,#222);
min-height: 100%;
height:100%;
overflow:hidden;
}
html:after {
content:"";
display:block;
min-height: 100%;
height:100%;
overflow:hidden;
background-size:3px;
background-image:
linear-gradient(top,rgba(0,0,0,0.3) 50%, transparent 50%);
}
h1 {
color:#CFFFFF;
font: normal 36px/270px "Gill Sans", "Gill Sans MT", "Century Gothic";
text-align:center;
padding-left:6px;
letter-spacing:6px;
text-shadow:
0 0 10px aqua,
0 0 50px aqua,
0 0 90px #CDFFFF
;
text-stroke:
0.8px aqua
;
-webkit-font-smoothing:antialiased;
}
.wrapper {
/*background:red;*/
width:400px;
height:300px;
left:50%;
top:50%;
margin:-150px -200px;
position:absolute;
display:block;
}
<div class="wrapper">
<h1>NEON TOKYO</h1>
</div>
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment