http://ab-architects.nextpage.agency/
일본 사이트이긴한데,
mouse hover에 따라 화면이 전환되는데,
1) 이러한 효과를 뭐라고 하는지
2) 나아가 예제 소스 등을 참고할 수 있는 곳이 있을지
도움을 주실 분 계실까요 ?
답변 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/
:
페이지 전환 효과는 얘기가 달라집니다.
- 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만 시키는 기능'의 명칭까지 여쭤봐도 될까요 ?
그렇다면 혹시 마지막으로,
'image'를 '위와 같은 식으로 fade-out만 시키는 기능'의 명칭까지 여쭤봐도 될까요 ?
2021-11-03 (수) 11:36:11
자세한 사용법은 저도 잘 모르나 일단 해당 홈페이지는 nuxt.js 를 사용한것으로 보이네요.
답변을 작성하려면 로그인이 필요합니다.
근데 이게 제가 이미지 기반인 샘플 사이트를 드렸습니다만,
'페이지끼리 전환'을 할 수 있는 기능은 뭐라고 부를까요 ? ㅜㅜ