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