Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
Itshover라는 사이트에서 마우스를 올리면 움직이는 263종의 아이콘을 무료로 배포합니다. 이 아이콘들은 단순히 표시되는 것이 아니라, 처음부터 애니메이션이 내장되어 있어 웹사이트나 앱에 쉽게 적용할 수 있습니다. 사용자는 코드를 복사-붙여넣기만 하고 색상, 크기, 움직임 속도 등을 조정하여 '살아있는' 느낌을 구현할 수 있습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 X @so_ainsight (자동 발견)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기마우스를 올리면 부드럽게 움직이기 시작하는 아이콘 263종류가 모두 완전히 무료로 배포되는 사이트입니다. 이름은 Itshover입니다.
・웹사이트나 앱에 바로 붙여서 사용할 수 있음
・각각의 색상이나 움직임을 자유롭게 편집할 수 있음
・모두 오픈 소스 (누구나 무료로 사용하고 수정 가능)
이런 식으로, 화면에 '살아있는' 느낌을 즉시 줄 수 있는 아이콘 자료 모음입니다.
여기서 대단한 점은 단순히 표시만 되는 일반적인 아이콘이 아니라, '처음부터 움직임이 내장된 아이콘'을 복사해서 붙여넣기만 하면 사용할 수 있다는 것입니다.
이는 본질적으로 '아이콘을 처음부터 그리고 직접 움직임을 주는 것'에서 '완성된 움직이는 아이콘을 고르는 것'으로의 변화를 의미합니다.
・버튼에 추가하는 작은 움직임
・메뉴나 내비게이션 전환 연출
・대시보드나 앱 화면 장식
이러한 요소들을 어려운 구현 없이 복사-붙여넣기로 불러올 수 있게 됩니다.
예를 들어, 설정 버튼에 톱니바퀴 아이콘을 넣고 싶을 때,
① 사이트에서 마음에 드는 움직이는 톱니바퀴 아이콘을 고른다
② 표시된 코드를 복사해서 자신의 화면에 붙여넣는다
③ 색상・크기・움직임 속도를 원하는 대로 조정한다
이 세 단계만으로, 마우스를 올리면 빙글빙글 돌아가는 톱니바퀴가 완성됩니다.
실제 사이트는 여기입니다.
참고한 원 포스트는 여기입니다.