perf: improve mobile loading path
This commit is contained in:
@@ -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 ──────────────────── */
|
||||
|
||||
Reference in New Issue
Block a user