fix: rewrite HoverBorderGradient with CSS rotate instead of framer-motion

Replace framer-motion gradient interpolation (buggy in TG WebView) with
pure CSS conic-gradient + transform:rotate() keyframe animation.
Transform animations are GPU-accelerated and reliable everywhere.
This commit is contained in:
Fringg
2026-02-25 08:44:42 +03:00
parent 4332c2bd25
commit e95db23573
2 changed files with 17 additions and 63 deletions

View File

@@ -173,8 +173,13 @@ export default {
'move-horizontal': 'moveHorizontal 40s ease infinite',
'move-in-circle-fast': 'moveInCircle 20s ease infinite',
'spotlight-ace': 'spotlightAce 2s ease 0.75s 1 forwards',
'border-spin': 'borderSpin 3s linear infinite',
},
keyframes: {
borderSpin: {
'0%': { transform: 'rotate(0deg)' },
'100%': { transform: 'rotate(360deg)' },
},
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },