User:BakiDance/timeless.css

From Drawn to Life Wiki
< User:BakiDance
Revision as of 01:06, 23 June 2022 by BakiDance (talk | contribs) (anim test)
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;}
  10%  {transform: rotate3d(0,0,0,31deg) translateY(0); transform-origin: 0 0;}
  15%  {transform: rotate3d(0,0,0,5deg) translateY(0); transform-origin: 0 0;}
  17%  {transform: rotate3d(0,0,0,15deg) translateY(0); transform-origin: 0 0;}
  18%  {transform: rotate3d(0,0,0,12deg) translateY(0); transform-origin: 0 0;}
  30%  {transform: rotate3d(0,0,0,12deg) translateY(5em); transform-origin: 0 0;}
  50%  {rotate3d(1,1,0,50deg) translateY(30em); transform-origin: unset;}
  60%  {rotate3d(1,1,0,80deg) translateY(190em) translateX(-110em)}
  99%  {rotate3d(1,1,0,85deg) translateY(1060em) translateX(-709em)}
  100% {display: none;}
}

.sidebar-chunk {
  animation-name: SB_fall;
  animation-duration: 4s;
}