User:MattAtlas/Matt.css

From Aurora Information Uplink
Jump to navigation Jump to search

Note: After publishing, 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: Press Ctrl-F5.
@keyframes a1 {
  0%   {bottom: 2px;}
  25%  {bottom: 5px;}
  50%  {bottom: 10px;}
  75%  {bottom: 5px;}
  100% {bottom: 2px;}
}
@keyframes a2 {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(180deg);}
  100% {transform: rotate(360deg);}
}

@keyframes a3 {
  0%   {transform: rotate(360deg);}
  50%  {transform: rotate(180deg);}
  100% {transform: rotate(0deg);}
}
.die {
  position: relative;
  animation: a3 2s linear 2s infinite normal;
}

.eid {
  animation: a2 2s linear 2s infinite normal;
}