Skip to content

Instantly share code, notes, and snippets.

@scottkellum
Created November 20, 2010 17:09
Show Gist options
  • Save scottkellum/707968 to your computer and use it in GitHub Desktop.
Save scottkellum/707968 to your computer and use it in GitHub Desktop.
Sass to make text 3D
$left: rgba(255,0,0,.5)
$right: rgba(0,255,255,.5)
=transition($transition: all 1s)
-webkit-transition: $transition
-moz-transition: $transition
-o-transition: $transition
transition: $transition
body
font-family: Helvetica, sans-serif
font-size: 60px
line-height: 10px
text-align: center
@for $i from -50 through 50
.z#{$i}
text-shadow: ($i * -1px)/2 0 0 $left, ($i * 1px)/2 0 0 $right
color: rgba(0,0,0,0)
z-index: $i
font-size: ($i + 100em) / 100
+transition(all 5s)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment