56 lines
1 KiB
CSS
56 lines
1 KiB
CSS
|
@keyframes fade-in-container {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(50px);
|
||
|
}
|
||
|
100% {
|
||
|
opacity: .8;
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fade-in-footer {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(100px);
|
||
|
}
|
||
|
100% {
|
||
|
opacity: .8;
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fade-in-profile {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-500px);
|
||
|
|
||
|
box-shadow: 0 0 10rem 1rem #181926;
|
||
|
}
|
||
|
50% {
|
||
|
box-shadow: 0 0 10rem 2rem #181926;
|
||
|
}
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(0);
|
||
|
|
||
|
box-shadow: 0 0 10rem 3.5rem #181926;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Background gradient effect */
|
||
|
@-webkit-keyframes backgroundGradient {
|
||
|
0%{background-position:50% 0%}
|
||
|
50%{background-position:50% 100%}
|
||
|
100%{background-position:50% 0%}
|
||
|
}
|
||
|
@-moz-keyframes backgroundGradient {
|
||
|
0%{background-position:50% 0%}
|
||
|
50%{background-position:50% 100%}
|
||
|
100%{background-position:50% 0%}
|
||
|
}
|
||
|
@keyframes backgroundGradient {
|
||
|
0%{background-position:50% 0%}
|
||
|
50%{background-position:50% 100%}
|
||
|
100%{background-position:50% 0%}
|
||
|
}
|