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;
}