Gradient Shift

1function GradientShift() {
2  const [a, setA] = React.useState(0);
3  React.useEffect(() => { const id = setInterval(() => setA(x => (x + 2) % 360), 60); return () => clearInterval(id); }, []);
4  return (
5    <div style={{width:440,height:260,borderRadius:20,display:'flex',alignItems:'center',justifyContent:'center',
6      background:'linear-gradient('+a+'deg,#8b5cf6,#d946ef,#06b6d4,#8b5cf6)',backgroundSize:'200% 200%'}}>
7      <span style={{fontFamily:'system-ui',fontSize:20,fontWeight:700,color:'#fff',textShadow:'0 2px 20px rgba(0,0,0,.3)'}}>Shift</span>
8    </div>
9  );
10}