mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-18 01:50:36 +01:00
8 lines
511 B
Stylus
8 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; }
|
||
|
|
}
|