Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@webdesignberlin

webdesignberlin/flip.css

Forked from JoseRosarioOS/flip.css
Created February 24, 2017 21:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save webdesignberlin/7cbd6b3ea3249dd2b9460a9e4870bb7c to your computer and use it in GitHub Desktop.
Save webdesignberlin/7cbd6b3ea3249dd2b9460a9e4870bb7c to your computer and use it in GitHub Desktop.
Download ZIP
FLIP_CSS
Raw
flip.css
.element.collapsed {
height: 90px;
width: 100%;
}
.element.expanded {
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.expanding.transition {
transition: transform 230ms ease-out ;
}
.collapsing.transition {
transition: transform 180ms ease-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment