CSS animation update

- Refined CSS animations to be smoother for the traichu sprite
This commit is contained in:
Tressley Cahill
2022-10-25 17:03:24 -04:00
parent 2bf3a52b80
commit 136cecae43
2 changed files with 6 additions and 3 deletions
+2 -2
View File
@@ -38,12 +38,12 @@
@-webkit-keyframes slide {
0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { -webkit-transform: translateX(-1200px); transform: translateX(-1200px); }
100% { -webkit-transform: translateX(-1600px); transform: translateX(-1600px); }
}
@keyframes slide {
0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { -webkit-transform: translateX(-1200px); transform: translateX(-1200px); }
100% { -webkit-transform: translateX(-1600px); transform: translateX(-1600px); }
}
@-webkit-keyframes slime {
+4 -1
View File
@@ -28,7 +28,10 @@ header {
justify-content: center;
}
header img { width: 6rem; }
header img {
animation: fade 0.25s ease-in forwards;
width: 6rem;
}
#dock ul {
display: flex;