User:BakiDance/timeless.css

From Drawn to Life Wiki
You are viewing a page within the User namespace. These pages are typically designated for user-generated content, and should not be confused for canon.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@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;
}