@property

타입을 알려주면 움직여요

@property로 커스텀 속성에 타입을 등록하면, 원래 애니메이션이 안 되던 값(그라데이션 각도/숫자)도 부드럽게 변합니다.

angle 보간도는 그라데이션var(--sweep) 0deg -> 360deg

핵심은 @property로 변수의 타입(각도/정수)을 알려주는 것뿐입니다. 그 한 줄 덕분에 브라우저가 중간 값을 계산할 수 있게 돼서, 글자로 취급될 땐 툭 점프하던 값이 부드럽게 흐르고 숫자까지 셀 수 있어요.