Skip to content

Instantly share code, notes, and snippets.

@pincheira
Created May 8, 2012 16:02
Show Gist options
  • Save pincheira/2636687 to your computer and use it in GitHub Desktop.
Save pincheira/2636687 to your computer and use it in GitHub Desktop.
Appearance effect
&.filter
position: absolute
top: -300px
left: 0
right: 0
height: 100%
z-index: 2
opacity: 0
pointer-events: none
padding:
bottom: 100%
-webkit-transform: scale(1.5)
+transition-property(all)
+transition-duration(0.6s)
+transition-timing-function(easy-in)
&.visible
opacity: 1
pointer-events: all
-webkit-transform: translate3d(0, 300px, 0) scale(1)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment