mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-18 10:00:36 +01:00
11 lines
546 B
Stylus
11 lines
546 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; }
|
||
|
|
}
|
||
|
|
|
||
|
|
.hinge {
|
||
|
|
animation-name: hinge;
|
||
|
|
}
|