Difference between revisions of "User:VTCobaltblood/Matt.css"

From Aurora Information Uplink
Jump to navigation Jump to search
m
m
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
@keyframes a1 {
@keyframes a1 {
   0%  {bottom: 2px;}
   0%  {bottom: 2px;}
   25%  {bottom: 10px;}
   25%  {bottom: 5px;}
   50%  {bottom: 30px;}
  50%  {bottom: 10px;}
   100% {bottom: 10px;}
   75%  {bottom: 5px;}
   100% {bottom: 2px;}
}
}
@keyframes a2 {
@keyframes a2 {
   0%  {left: 2px;}
   0%  {transform: rotate(0deg);}
  25%  {left: 10px;}
   50%  {transform: rotate(180deg);}
   50%  {left: 30px;}
   100% {transform: rotate(360deg);}
   100% {left: 10px;}
}
}


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


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

Latest revision as of 01:13, 14 July 2019

@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;
}