Difference between revisions of "User:BakiDance/timeless.css"

From Drawn to Life Wiki
Line 1: Line 1:
 
@keyframes SB_fall {
 
@keyframes SB_fall {
{
 
 
   0% {
 
   0% {
 
     transform-origin: 100% 0;
 
     transform-origin: 100% 0;
Line 23: Line 22:
 
       rotate3d(0, 0, 0, 0deg);
 
       rotate3d(0, 0, 0, 0deg);
 
   }
 
   }
}
 
 
}
 
}
  
 
.sidebar-chunk {
 
.sidebar-chunk {
   animation-name: SB_fall;
+
   animation: SB_fall 1.2s forwards;
  animation-duration: 3s;
 
 
}
 
}

Revision as of 01:21, 23 June 2022

@keyframes SB_fall {
  0% {
    transform-origin: 100% 0;
    opacity: 1;
  }
  20% {
    transform: 
      translate3d(0, 20px, 0)
      rotate3d(0, 0, 1, -10deg);
    opacity: 1;
  }
  40%, 45% {
    transform: 
      translate3d(0, -20px, 0)
      rotate3d(0, 0, 1, 10deg);
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: 
      translate3d(0, 100em, 0)
      rotate3d(0, 0, 0, 0deg);
  }
}

.sidebar-chunk {
  animation: SB_fall 1.2s forwards;
}