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:
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user