hc/startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS animation update

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/animations.css
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 {

5
css/styles.css
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;