Skip to content

Instantly share code, notes, and snippets.

@tiborsaas
Created February 12, 2012 18:58
Show Gist options
  • Save tiborsaas/1810261 to your computer and use it in GitHub Desktop.
Save tiborsaas/1810261 to your computer and use it in GitHub Desktop.
Just fucking around with CSS3
/**
* Just fucking around with CSS3
*/
html {
background: linear-gradient( 73deg, #fff, #999 );
min-height: 100%;
}
@keyframes bg{
0% { background: #eee; text-indent: 10% }
100% { background: #666; text-indent: -200% }
}
p{
width: 270px;
height: 200px;
font-family: Trebuchet ms;
border: 5px solid #999;
color: #888;
text-align: center;
font-size: 270px;
line-height: 198px;
border-radius: 14px;
margin: auto;
overflow: hidden;
text-indent: 0px;
box-shadow: 0px 0px 100px #fff;
animation-name: bg;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
<p>Kowdermeister</p>
{"view":"behind","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment