Difference between revisions of "User:BakiDance/timeless.css"
From Drawn to Life Wiki
(anim test) |
|||
| Line 1: | Line 1: | ||
@keyframes SB_fall { | @keyframes SB_fall { | ||
| − | 0% {transform: rotate3d(0,0,0,0) translateY(0); transform-origin: 0 0;} | + | 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;} | + | 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;} | + | 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;} | + | 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;} | + | 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;} | + | 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;} | + | 50% {rotate3d(1,1,0,50deg) translateY(30em); transform-origin: unset; display: inherit;} |
| − | 60% {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em)} | + | 60% {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em); display: inherit;} |
| − | 99% {rotate3d(1,1,0,85deg) translateY(1060em) translateX(-709em)} | + | 99% {rotate3d(1,1,0,85deg) translateY(1060em) translateX(-709em); display: inherit;} |
100% {display: none;} | 100% {display: none;} | ||
} | } | ||
| Line 14: | Line 14: | ||
.sidebar-chunk { | .sidebar-chunk { | ||
animation-name: SB_fall; | animation-name: SB_fall; | ||
| − | animation-duration: | + | animation-duration: 10s; |
| + | transform: rotate3d(0,0,0,0) translateY(0); transform-origin: 0 0; | ||
| + | display: inherit; | ||
} | } | ||
Revision as of 01:07, 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% {rotate3d(1,1,0,50deg) translateY(30em); transform-origin: unset; display: inherit;}
60% {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em); display: inherit;}
99% {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;
}