이전 목록 다음
채택완료

이러한 화면 전환 효과를 뭐라고 하는지 아시나요 ?

우우우웅이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 11:15:15 1,441

http://ab-architects.nextpage.agency/

일본 사이트이긴한데,

mouse hover에 따라 화면이 전환되는데,


1) 이러한 효과를 뭐라고 하는지

2) 나아가 예제 소스 등을 참고할 수 있는 곳이 있을지

도움을 주실 분 계실까요 ?

javascript
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 12:55:57

image transition

표현 및 구현 형태는 다양한데, 질문에 딱 맞는 내용 있어요.

- https://youtu.be/HlCzCq46YTk?t=611

- https://www.youtube.com/watch?v=3RNzWyXigMc

:

Liquid Image로 검색하면 많이 나오니, 잘 찾아보세요.

답변에 대한 댓글 4개

우우우웅이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 14:10:01
답변 감사드립니다 선배님 !
근데 이게 제가 이미지 기반인 샘플 사이트를 드렸습니다만,
'페이지끼리 전환'을 할 수 있는 기능은 뭐라고 부를까요 ? ㅜㅜ
BiHon
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 14:18:58
image transition > page transition

페이지 전환 효과는 얘기가 달라집니다.

- https://uiuxlab.medium.com/10-page-transition-effects-trends-for-web-developer-in-2018-c07df6d1f747
- https://freefrontend.com/css-page-transitions/
:
우우우웅이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 16:33:33
감사합니다 !

그렇다면 혹시 마지막으로,
'image'를 '위와 같은 식으로 fade-out만 시키는 기능'의 명칭까지 여쭤봐도 될까요 ?
BiHon
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 17:22:24
이해되지 않는 문장입니다.
jjayz
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-03 (수) 11:36:11

자세한 사용법은 저도 잘 모르나 일단 해당 홈페이지는 nuxt.js 를 사용한것으로 보이네요.

https://nuxtjs.org/

답변을 작성하려면 로그인이 필요합니다.