Demo
Conic Gradient 회전 보더
@property로 각도를 등록하고 conic-gradient(from var(--angle), …)를 회전시키면 보더가 컬러풀하게 빙글빙글 돕니다. 카드 위에 마우스를 올리면 가속.
🌈
Rainbow
전체 스펙트럼이 4초에 한 바퀴 — 가장 화려한 변형
🌊
Ocean
차가운 톤만 사용한 차분한 회전, 3초
🌅
Sunset
따뜻한 톤으로 천천히, 6초 회전
@property로 각도를 등록하고 conic-gradient(from var(--angle), …)를 회전시키면 보더가 컬러풀하게 빙글빙글 돕니다. 카드 위에 마우스를 올리면 가속.
전체 스펙트럼이 4초에 한 바퀴 — 가장 화려한 변형
차가운 톤만 사용한 차분한 회전, 3초
따뜻한 톤으로 천천히, 6초 회전