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 { @-webkit-keyframes slide {
0% { -webkit-transform: translateX(0); transform: translateX(0); } 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 { @keyframes slide {
0% { -webkit-transform: translateX(0); transform: translateX(0); } 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 { @-webkit-keyframes slime {

5
css/styles.css
View File

@ -28,7 +28,10 @@ header {
justify-content: center; justify-content: center;
} }
header img { width: 6rem; } header img {
animation: fade 0.25s ease-in forwards;
width: 6rem;
}
#dock ul { #dock ul {
display: flex; display: flex;