Skip to content

Instantly share code, notes, and snippets.

@jklm313
Created May 17, 2012 02:07
Show Gist options
  • Save jklm313/2715654 to your computer and use it in GitHub Desktop.
Save jklm313/2715654 to your computer and use it in GitHub Desktop.
Untitled
body {background: #3E226B;}
@keyframes scroll {
0% {background-position: 0 0;}
100% {background-position: 2000px 0}
}
.one, .two {
max-width: intrinsic;
margin: 50px 0 0;
float: left;
color: transparent;
font: 2.8em/1em intro;
font-weight: bold;
background-image: linear-gradient(-45deg, #F29326 30%,#D126EF 50%,#F29326 70%);
-webkit-background-clip: text;
transform: matrix(1, -0.4, 0, 1.2, 0, 100);
animation: scroll 10s infinite linear;
}
.one {
margin-left: -60px;/*/UGH! UGH!/*/
}
.two {
float: right;
text-align: right
}
<pre class=one>
Respect
The
Dead
</pre>
<pre class=two>
You
Don't
want to hurt
their feelings
</pre>
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment