Problem
scss/ui.scss line 8 applies a blanket transition to every element:
* {
transition: all 0.5s;
}This forces the browser to check every CSS property of every element on any state change, causing layout thrashing and unnecessary paints. The skills section partially overrides this with transition: all 0.2s but still uses all.
Fix
Replace the wildcard rule with targeted properties:
* {
transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, transform 0.3s, box-shadow 0.3s;
}This limits transitions to properties that actually change, avoiding layout reflows on every interaction.
Problem
scss/ui.scssline 8 applies a blanket transition to every element:This forces the browser to check every CSS property of every element on any state change, causing layout thrashing and unnecessary paints. The skills section partially overrides this with
transition: all 0.2sbut still usesall.Fix
Replace the wildcard rule with targeted properties:
This limits transitions to properties that actually change, avoiding layout reflows on every interaction.