728x90 반응형 splittingjs1 [HTML/SCSS/JS] Spliting.js 및 transformation 연습 이 것의 주제는 무엇인가 나도 알 수 없다 해리포터 신문지 보고 문득 움직이는 신문지를 만들고싶어져서 시도해봤다. HARRY POTTER 부분은 SVG로, UNDESIRABLE은 Splitting.js로, No.1 부분은 이미지로 마크업해 각각 애니메이션을 주었다. 신문지에 마우스를 오버하면 타이틀에 matrix3D transformation이 일어남 Splitting.js는 Codepen의 Shaw라는 분의 코드를 활용했다. 이미지는 그냥 늘어지다가 사라지며, 바디 배경이 바뀌고 커서에 해리포터 이미지 url을 넣었다. 정말 이것저것 해본 잡스러운 애니메이팅 연습ㅋㅋㅋㅋㅋ See the Pen splitting.js practice by sel (@wimmwell) on CodePen. 2023. 1. 30. 이전 1 다음 728x90 반응형
