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-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-name: SB_fall;
  animation-duration: 3s;
}