Difference between revisions of "User:BakiDance/timeless.css"
From Drawn to Life Wiki
(Blanked the page) Tag: Blanking |
(anim test) |
||
| Line 1: | Line 1: | ||
| + | @keyframes SB_fall { | ||
| + | 0% {transform: rotate3d(0,0,0,0) translateY(0); transform-origin: 0 0;} | ||
| + | 10% {transform: rotate3d(0,0,0,31deg) translateY(0); transform-origin: 0 0;} | ||
| + | 15% {transform: rotate3d(0,0,0,5deg) translateY(0); transform-origin: 0 0;} | ||
| + | 17% {transform: rotate3d(0,0,0,15deg) translateY(0); transform-origin: 0 0;} | ||
| + | 18% {transform: rotate3d(0,0,0,12deg) translateY(0); transform-origin: 0 0;} | ||
| + | 30% {transform: rotate3d(0,0,0,12deg) translateY(5em); transform-origin: 0 0;} | ||
| + | 50% {rotate3d(1,1,0,50deg) translateY(30em); transform-origin: unset;} | ||
| + | 60% {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em)} | ||
| + | 99% {rotate3d(1,1,0,85deg) translateY(1060em) translateX(-709em)} | ||
| + | 100% {display: none;} | ||
| + | } | ||
| + | .sidebar-chunk { | ||
| + | animation-name: SB_fall; | ||
| + | animation-duration: 4s; | ||
| + | } | ||
Revision as of 01:06, 23 June 2022
@keyframes SB_fall {
0% {transform: rotate3d(0,0,0,0) translateY(0); transform-origin: 0 0;}
10% {transform: rotate3d(0,0,0,31deg) translateY(0); transform-origin: 0 0;}
15% {transform: rotate3d(0,0,0,5deg) translateY(0); transform-origin: 0 0;}
17% {transform: rotate3d(0,0,0,15deg) translateY(0); transform-origin: 0 0;}
18% {transform: rotate3d(0,0,0,12deg) translateY(0); transform-origin: 0 0;}
30% {transform: rotate3d(0,0,0,12deg) translateY(5em); transform-origin: 0 0;}
50% {rotate3d(1,1,0,50deg) translateY(30em); transform-origin: unset;}
60% {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em)}
99% {rotate3d(1,1,0,85deg) translateY(1060em) translateX(-709em)}
100% {display: none;}
}
.sidebar-chunk {
animation-name: SB_fall;
animation-duration: 4s;
}