크리 에이 티브 MouseOver 효과와 20 웹 사이트
심지어 웹 디자인에서 가장 작은 효과로 전체 사용자 경험을 바꿀 수 있음. 이는 글리치 (glitch) 효과, 바운스 (bounce) 효과 또는 간단한 사운드 효과 일 수 있습니다. 이러한 효과들 중 하나, 요즘 웹 디자인에서 자주 사용됩니다. 마우스 오버 또는 마우스 오버 효과입니다. 이 전환 효과는 특정 요소 위로 마우스를 움직일 때 볼 수 있습니다. 슬라이드 아웃, 색상 변경 또는 애니메이션 적용.
마우스 오버 효과 뒤에 아이디어는 노력을 줄이다. 사용자가 만들어야하는 세부 정보보기, 키 정보 액세스 또는 다른보기보기 웹 사이트상에서. 호버링 효과가 좋으면 공간을 절약하여 더 많은 정보를 가능한 가장 영리한 방법.
그래서 내 독자들에게 이 흥미로운 효과의 몇 가지 예, 마우스 오버 효과가있는 웹 사이트의 20 가지 독창적 인 예를 종합했습니다. 그냥 아래로 스크롤하십시오., 웹 사이트를 열고 주변에서 놀고 직접 보아라. 마우스 오버 효과가 얼마나 놀라운가요?.
Tomer Lerner의 픽셀
흑백 웹 사이트에서 매우 독창적 인 웹 사이트입니다. 기하학 모양 춤과 변형 커서를 커서 위로 움직이면.
하우스
Haus는 다음과 같은 대화 형 대행사의 웹 사이트입니다. 기술과 유머를 좋아합니다.. 만화 인물을 마우스 오버 그들이 어떻게 뛰어 오르고 뛰는 지 지켜 봅니다..
Canva
Canva 다양한 텍스트 기반 이미지를 만들기위한 서비스. 홈페이지의 배경이 어두워 지지만 커서를 올려 놓으면 커서가 표시됩니다. 배경을 정리하고 배경을 보여주는 영역, 지우개 도구처럼.
주요 사업
Mainworks 크리 에이 티브 미디어 프로덕션 스튜디오의 포트폴리오 웹 사이트입니다.. 마우스를 가져 가거나 줄의 점을 클릭하여 프로젝트를 볼 수 있습니다..
세드릭 페레이라
Cedric Pereira의 파스텔 톤 웹 사이트입니다. 때를 범주를 스크롤하십시오. 홈페이지에 색상 및 이미지 변경. 또한 이미지 위에 마우스를 올리면, 그것의 국경은 움직인다.
불 몽크
Bullmonk는 비즈니스 관리 웹 사이트입니다. 홈페이지의 간단한 SVG 애니메이션. 메쉬 처리 된 사각형을 마우스 오버하면 어떻게 볼 수 있습니까? 구멍이 그 안에 형성된다..
인 심근 병증
인 심근 병증 biopharma 산업에 대안 전략 제공 약물 개발 프로그램을 가속화합니다. 마우스를 움직여서 멋지게 보아라. 텍스트, 버튼 및 배경 요소가있는 미세 상호 작용.
OUI R Creative Studio
OUI R은 종합 디자인 스튜디오 창조적 인 시각적 아이디어를 바탕으로 제품을 만드는 데 전념합니다. 마우스 커서를 이미지 위에 올려 놓으면 정보를 보여주고 마우스 scoll로 다음 이미지로 넘어 간다..
민 님
Minnim은 다채로운 라인 원과 대화식 홈페이지 마우스를 가져 가면 움직입니다. 너는 할 수있다. 로고가있는 새로운 사이클 아이템 생성 마우스를 사용하여.
전체 번들
Full Bundle은 창조적 인 디지털 대행사입니다. 그들의 홈페이지는 두 개의 컬럼으로 분리됩니다 : 파란색 삼각형과 창의성 빨간색 사각형. 이러한 요소 위에 마우스를 올려 놓으면 매우 유동적 인 방식으로 튀어 오르다..
FS Untitled
FS Untitled 방문자가 글꼴 얼굴의 이름을 선택하도록 초대합니다.. 홈페이지에는 클릭하면 셀이 표시됩니다., 특정 글꼴의 데모로 연결됩니다..
열차
Trainrobber는 아칸소 및 VR 대행사 브랜드에 획기적인 몰입 형 경험을 선사합니다. 홈페이지에서 마우스를 움직이면 다른 요소가 서양 영화와 같이 수평으로 움직입니다.. 범주는 또한 마우스 오버로 움직입니다..
사쿠라 인터내셔널 Inc.
Sakura는 인간 기반 네트워킹에 중점을 둔 일본계 회사입니다. 너는 할 수있다. 백그라운드에서 마우스를 한 번 움직여 도트를 연결하십시오..
팬 스튜디오
팬 스튜디오는 모바일 게임과 앱을 만드는 만화 웹 사이트입니다. 동작의 의미를 만들기 위해 마우스 커서와 함께 배경이 움직입니다..
Studio Rotate
그것은 브랜드 및 디자인 스튜디오 웹 사이트 이는 고객이 온라인에 진출 할 수있게 도와줍니다. 그들은 흰색 배경과 원이있는 홈페이지를 가지고 있습니다. 하지만 네가 메뉴 버튼을 클릭하면 이미지가 서클에 나타납니다..
TheMcBrideCompany
TheMcBrideCompany의 홈페이지에는 흐릿한 아름다운 풍경 사진이 있습니다. 때를 배경 위로 커서를 이동하십시오., 커서 주변의 작은 영역 분명해진다. 환상적으로 보입니다..
영리한 프랑케
Clever Franke는 전략, 디자인 및 기술을 결합한 대화 형 디자인 대행사입니다. 혁신적인 제품과 서비스 개발. 홈페이지의 제목은 동적으로 자동 생성되며 마술처럼 보입니다. 때를 그들이 옮겨 놓은 편지 위로 커서를 움직이십시오., 그러나 두 번째로 되돌아 간다..
메시지 디자인 센터
Message Design Center 웹 사이트는 독특한 디자인을 가지고 있습니다. 홈페이지 기능 다각형 기하학이있는 생생한 제목. 이 제목 위에 마우스를 올려 놓으면 더 커지고 변형되기 시작했다..
그냥 코딩 된
Just Coded는 놀랍습니다. 어두운 배경과 캔버스를 형성하는 점들. 이 캔버스 위로 마우스를 가져 가면 살아있는 것처럼 보입니다. 움직이고 관점을 바꾸기 시작합니다..
키네틱 앱
특허 출원중인 기술을 사용하여 디지털 에이전시를 구축 한 수상 경력이있는 웹 사이트입니다. iOS 및 Android 기기 용 웹 사이트 및 앱. 그만큼 홈페이지는 하늘처럼 보입니다., 당신이 마우스 오버하면 당신 같아 보입니다. 날아갈 방향 선택.
