Участник:VTCobaltblood/Matt.css: различия между версиями

Материал из FIJTeam Project Wiki
Перейти к навигации Перейти к поиску
>VTCobaltblood
мНет описания правки
>VTCobaltblood
мНет описания правки
 
(не показано 7 промежуточных версий этого же участника)
Строка 1: Строка 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;
}
}

Текущая версия от 03:13, 14 июля 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;
}