added animation to header button

This commit is contained in:
Yusuf Ipek
2021-04-30 09:29:01 +03:00
parent 9452abba7d
commit 177ec52f38
4 changed files with 70 additions and 2 deletions
+18
View File
@@ -56,6 +56,12 @@
animation: moveInRight 1s ease-out;
}
#header-button {
animation: moveInBottom 1s ease-out;
animation-delay: 2s;
opacity: 0;
}
@keyframes moveInLeft {
0% {
opacity: 0;
@@ -87,3 +93,15 @@
transform: translate(0);
}
}
@keyframes moveInBottom {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translate(0);
}
}