lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-05-08 10:00:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added logo animation

Browse Source
This commit is contained in:
AlacrisDevs
2026-05-02 18:32:07 +03:00
parent e2c3ec5b8a
commit 8a715cd5c3
11 changed files with 159 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/globals.css
View File

@@ -135,3 +135,36 @@ body {
.material-symbols-outlined {
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24;
}
.tipilan-logo-letter {
animation: tipilan-logo-letter-in 720ms cubic-bezier(0.16, 1, 0.3, 1) both;
animation-delay: var(--tipilan-logo-letter-delay, 0ms);
opacity: 0;
transform: translate3d(0, 100%, 0);
will-change: opacity, transform;
}
@keyframes tipilan-logo-letter-in {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
70% {
opacity: 1;
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.tipilan-logo-letter {
animation: none;
opacity: 1;
transform: none;
will-change: auto;
}
}