79 lines
No EOL
1.3 KiB
CSS
79 lines
No EOL
1.3 KiB
CSS
/*
|
|
@keyframes arrowDown {
|
|
from {
|
|
transform: translateY(calc(-1.5 * var(--medium-y-offset))) translateX(-50%);
|
|
}
|
|
to {
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
|
|
#logo, #projects {
|
|
animation: bigFadeUp var(--slow-speed) ease-out backwards;
|
|
}
|
|
|
|
divider {
|
|
animation: centerFadeUp var(--slow-speed) ease-out backwards;
|
|
}
|
|
|
|
#logo-divider arrow {
|
|
animation: arrowDown var(--medium-speed) ease-out backwards;
|
|
}
|
|
|
|
tile {
|
|
animation: mediumFadeUp var(--medium-speed) ease-out backwards;
|
|
}
|
|
|
|
p {
|
|
animation: mediumFadeUp var(--slow-speed) ease-out backwards;
|
|
}
|
|
|
|
|
|
|
|
#logo {
|
|
animation-delay: 0s;
|
|
}
|
|
|
|
#logo-divider {
|
|
animation-delay: calc(0.5 * var(--slow-speed));
|
|
}
|
|
|
|
#logo-divider arrow {
|
|
animation-delay: calc(0.5 * var(--slow-speed));
|
|
}
|
|
|
|
|
|
|
|
text-container p:nth-child(1) {
|
|
animation-delay: calc(1.5 * var(--slow-speed));
|
|
}
|
|
|
|
text-container p:nth-child(2) {
|
|
animation-delay: calc(1.5 * var(--slow-speed));
|
|
}
|
|
|
|
text-container p:nth-child(3) {
|
|
animation-delay: calc(1.5 * var(--slow-speed));
|
|
}
|
|
|
|
.sign {
|
|
animation: bigFadeUp var(--medium-speed) ease-out backwards;
|
|
animation-delay: calc(2.25 * var(--slow-speed));
|
|
}
|
|
|
|
|
|
|
|
#projects {
|
|
animation-delay: calc(3 * var(--slow-speed));
|
|
}
|
|
|
|
#projects-divider {
|
|
animation-delay: calc(3.5 * var(--slow-speed));
|
|
}
|
|
|
|
|
|
tile-container tile:nth-child(1) {
|
|
animation-delay: calc(4 * var(--slow-speed));
|
|
}
|
|
*/ |