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: 4s;
+
   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;
}