Skip to content

Instantly share code, notes, and snippets.

@aaronzufall
Last active August 29, 2015 14:21
Show Gist options
  • Save aaronzufall/a426cc1eea7837221fd3 to your computer and use it in GitHub Desktop.
Save aaronzufall/a426cc1eea7837221fd3 to your computer and use it in GitHub Desktop.
Stylus mixin that adds 3d "extrusion" effect to divs
threed-height = 10px
threed(clr)
margin-bottom: @margin-bottom + threed-height
position:relative
&::after
content " "
display block
border-top: threed-height solid clr;
border-left: threed-height solid transparent;
border-right: threed-height solid transparent;
height: 0
position: absolute
bottom -(threed-height)
left 0
right 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment