Loyaly/loyalyweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add heartbeat blink animation to preloader logo and fix header logo paths

Browse Source
This commit is contained in:
R-Bharathraj
2026-06-30 17:08:43 +05:30
parent 9d0cb800f0
commit b23af1fea4
3 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/globals.css
View File

@@ -246,11 +246,38 @@ body.is-home-page.scroll-up .sticky-active {
z-index: 999999999 !important;
}
/* Ensure page loader covers everything during initial render */
.page-loader-container {
z-index: 1000000000 !important;
}
.page-loader-logo {
animation: heartbeat-blink 1.4s infinite ease-in-out;
transform-origin: center;
}
@keyframes heartbeat-blink {
0% {
transform: scale(1);
opacity: 0.8;
}
14% {
transform: scale(1.12);
opacity: 1;
}
28% {
transform: scale(1);
opacity: 0.8;
}
42% {
transform: scale(1.12);
opacity: 1;
}
70% {
transform: scale(1);
opacity: 0.8;
}
}
/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
/* Disable utility animation classes used across the project */