perf: improve mobile loading path

This commit is contained in:
Manuel
2026-07-20 17:16:31 +02:00
parent faed590a66
commit fe82281278
4 changed files with 35 additions and 41 deletions
+8 -30
View File
@@ -70,7 +70,7 @@
.hero-enter-3 { animation-delay: 780ms; }
.hero-enter-4 { animation-delay: 1050ms; }
/* ─── GOLD SHIMMER (botones) ─────────────────── */
/* ─── BUTTON OVERLAY (static) ────────────────── */
.btn, .btn-pill, .btn-primary, .btn-dark, .btn-ghost {
position: relative;
@@ -93,7 +93,8 @@
);
transform: translateX(-120%) skewX(-18deg);
pointer-events: none;
transition: none;
opacity: 0;
transition: opacity 180ms ease;
}
.btn:hover::after,
@@ -101,31 +102,13 @@
.btn-primary:hover::after,
.btn-dark:hover::after,
.btn-ghost:hover::after {
animation: shimmer-sweep 550ms cubic-bezier(0.25, 0, 0.6, 1) forwards;
opacity: 1;
}
@keyframes shimmer-sweep {
from { transform: translateX(-120%) skewX(-18deg); }
to { transform: translateX(160%) skewX(-18deg); }
}
/* ─── WHATSAPP PULSE GLOW ────────────────────── */
@keyframes wa-glow {
0%, 100% {
box-shadow:
0 0 0 0 rgb(212 175 55 / 50%),
0 25px 50px -12px rgb(31 26 23 / 20%);
}
50% {
box-shadow:
0 0 0 10px rgb(212 175 55 / 0%),
0 25px 50px -12px rgb(31 26 23 / 20%);
}
}
/* ─── WHATSAPP FLOAT (static idle) ───────────── */
.whatsapp-float {
animation: wa-glow 2.8s ease-in-out infinite;
transition: transform 220ms ease, box-shadow 220ms ease;
}
/* ─── GOLD LINE DRAW ─────────────────────────── */
@@ -172,15 +155,10 @@
animation: eyebrow-in 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
/* ─── LOGO EYE SUBTLE GLOW (header) ─────────── */
@keyframes eye-shimmer {
0%, 100% { filter: brightness(1) drop-shadow(0 0 0px rgb(212 175 55 / 0%)); }
50% { filter: brightness(1.08) drop-shadow(0 0 6px rgb(212 175 55 / 30%)); }
}
/* ─── HEADER LOGO (no idle shimmer) ─────────── */
.site-logo-banner {
animation: eye-shimmer 5s ease-in-out infinite;
transition: opacity 180ms ease;
}
/* ─── BENTO CARD HOVER LIFT ──────────────────── */