본문으로 건너뛰기
ASSETby WEMASHUP
에셋 관리
Osmo 에셋
개별 자료

Magnetic Hover Effect

자석 호버 효과 구성입니다. 버튼·입력 자료로 분류해 활용할 수 있습니다.

원본 사이트 열기 (새 탭)

공개 소개를 정리한 카탈로그입니다. 설명도는 기능 이해를 위한 자체 제작 도식이며 Osmo 원본 화면이 아닙니다. 원본 미리보기와 회원별 코드 접근은 공식 사이트에서 확인하세요.

BUTTON→기본 상태 → 사용자 입력 → 상태 변화
기능 설명도 · 자체 제작

이럴 때 사용하세요

행동을 시작하는 버튼의 시각적 피드백을 설계할 때 참고합니다.

적용 순서

  1. 사용할 콘텐츠와 필요한 상태를 정리합니다.
  2. 공식 페이지에서 원본 미리보기와 회원별 접근 조건을 확인합니다.
  3. 라이선스에 맞는 프로젝트에서 환경·버전·접근성을 별도로 검증합니다.

자료 설명

기능과 자료 범위

자석 호버 효과 구성입니다. 버튼·입력 자료로 분류해 활용할 수 있습니다.

한국어 검색명

자석 호버 효과

기능 분류의 흐름

기본 상태 → 사용자 입력 → 상태 변화

관찰할 점

실제 콘텐츠에서 입력·진행·종료 상태가 구분되는지, 정보를 읽는 데 방해가 되지 않는지 살펴보세요. 이 메모는 적용 전 검토 기준이며 원본을 실행해 검증한 결과가 아닙니다.

원본 분류

Buttons

접근 범위

공개 소개와 상세 링크를 확인했습니다. 공식 사이트에서 원본 미리보기와 제품별 접근 조건을 확인하세요. 자체 제작 도식은 기능 분류를 설명하며 원본 화면이나 구체적 실행 순서를 재현하지 않습니다.

적용 전 확인할 점

버튼과 링크의 의미, 키보드 입력, 포커스, 동작 감소 설정
공개 제목과 분류를 바탕으로 정리했습니다. 원본 실행·반응형·접근성·의존성은 검증하지 않았습니다.

출처 자료 모음

Osmo 자료 모음 보기

직접 복사하기

복사가 허용되지 않았습니다. 아래 내용을 선택해 복사하세요.

섹션 이미지

원본 사이트 ↗