Участник:MattAtlas/Matt.css

Материал из FIJTeam Project Wiki
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите 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;
}