perf: tắt animation CSS vô hạn ít giá trị (ambient-pan, gradient-flow, breathe, glint)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
tuyenio
2026-06-25 09:22:47 +07:00
parent d58760a63b
commit 8a0635944a
-27
View File
@@ -240,7 +240,6 @@ a {
background-size: 180% 100%, 84px 84px, 84px 84px; background-size: 180% 100%, 84px 84px, 84px 84px;
filter: none; filter: none;
opacity: 0.9; opacity: 0.9;
animation: public-ambient-pan 18s ease-in-out infinite alternate;
} }
.public-page::after { .public-page::after {
@@ -988,7 +987,6 @@ a {
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
animation: public-gradient-flow 8s ease-in-out infinite alternate;
} }
.public-shimmer::after { .public-shimmer::after {
@@ -1161,19 +1159,6 @@ a {
animation: public-header-drop 620ms cubic-bezier(0.16, 1, 0.3, 1) both; animation: public-header-drop 620ms cubic-bezier(0.16, 1, 0.3, 1) both;
} }
.public-header::after {
animation: public-header-glint 7s ease-in-out 1.2s infinite;
}
.public-logo-mark {
animation: public-logo-breathe 4.8s ease-in-out infinite;
}
.public-header-cta,
.public-cta {
animation: public-cta-breathe 4.2s ease-in-out infinite;
}
.public-hero-inner::before { .public-hero-inner::before {
animation: public-line-draw 980ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both; animation: public-line-draw 980ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
} }
@@ -1182,14 +1167,6 @@ a {
animation: public-line-draw 1100ms cubic-bezier(0.16, 1, 0.3, 1) 260ms both; animation: public-line-draw 1100ms cubic-bezier(0.16, 1, 0.3, 1) 260ms both;
} }
.public-subpage-hero-image {
animation: public-photo-breathe 12s ease-in-out infinite alternate;
}
.public-hero-inner .public-image-stage {
animation: public-stage-float 7.2s ease-in-out 900ms infinite alternate;
}
.public-hero-rule::before { .public-hero-rule::before {
animation: public-line-draw 980ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both; animation: public-line-draw 980ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
} }
@@ -1228,10 +1205,6 @@ a {
.public-card:hover::after { .public-card:hover::after {
animation: public-sheen 820ms cubic-bezier(0.16, 1, 0.3, 1); animation: public-sheen 820ms cubic-bezier(0.16, 1, 0.3, 1);
} }
.public-back-to-top[data-visible="true"] {
animation: public-back-to-top-float 4.8s ease-in-out infinite;
}
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {