animate.css/specials/hinge.styl
Sean Lang 230359a389 removed class names - they're unsemantic
added note to readme about how to get them back
normalized characters used for indentation too
2013-12-08 22:42:36 -06:00

7 lines
511 B
Stylus

@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}