Webflow를 통해 애니메이션을 제작중 Scroll into view 트리거가 생각대로 동작하지 않는 경우가 있었다.구글링을 통해서도 잘 나오지 않는 에러여서 공유하면 좋을 것 같아 글을 써본다. 내가 제작해야 할 애니메이션 효과는 아래와 같았다.이벤트 트리거가 전부 보여지면 애니메이션을 실행시킴페이지를 넘기면 특정 애니메이션의 그림이 그려짐이전 페이지로 돌아갈 경우 그려진 애니메이션이 사라짐 처음엔 단순히 Scroll into view를 이용해서 유저의 뷰포트 내에 페이지가 들어오면 애니메이션을 실행시키면 되겠다고 생각했다. Webflow의 Scroll into view 애니메이션에는 두 개의 트리거가 있다.When scrolled into view: 뷰에 해당 요소가 진입했을때 실행시킴.When s..

※ 이 글은 예전 블로그에서 퍼왔으며 2020.1.21에 작성된 글입니다. VIEW (무슨 작품을 만들든 디자인 고민이 가장 시간을 잡아 먹는다..^^) 도서관에서 SVG 연습 하다가 간단하게 만들어 본 작품이다. 생각보다 몇 분 안걸려서 조금 놀랐다. Scroll Animation, SMIL, Canvas 등등 빨리 다양한 인터렉션을 구사하고 싶다. 요즘 디자인을 눈에 익히기 위해서 Awwwards나 codepen.io 사이트에 들어가 보는데 진짜 세상에는 대단한 사람들이 많은 것 같다. 나도 좀 더 노력해야 겠다. Link Text Animation jeongwoo903.github.io