mirror of
https://github.com/yusufipk/natours-react.git
synced 2026-09-12 03:26:10 +00:00
added animation to header button
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user