Участник:MattAtlas/Matt.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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;
}