User:MattAtlas/Matt.css
< User:MattAtlas
Jump to navigation
Jump to search
Revision as of 15:04, 7 September 2022 by MattAtlas (talk | contribs) (Created page with "@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:...")
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;
}