SVG를 사용한 동적 모양 오버레이

평가 :0조회 :3,167댓글 :0다운 :119
첨부파일
소프트웨어
레이아웃
지원 브라우저
IE10
용도범위
출처표시
라이센스
표시방식
기본정보
오늘 우리는 페이지 전환 을 모핑 하는 다른 방법을 공유하고 싶습니다 . 이번에는 JavaScript로 여러 개의 SVG 커브를 생성하여 다양한 모양을 만들 수 있습니다. SVG 경로의 여러 레이어의 개별 좌표를 제어함으로써 구부러진 모양이 끈적 거리는 모션으로 사각형 (오버레이)에 맞춰 움직입니다. 우리는 glsl-easings의 멋진 easing 함수를 사용 하고 곡선, 속도 및 지연 값을 조정하여 많은 흥미로운 효과를 생성 할 수 있습니다. 주의:데모에서는 새로운 CSS 속성을 사용합니다. 현대적인 브라우저로 보시기 바랍니다. 이 데모는 HelloSign API 가 후원 합니다 : 개발자 친화적 인 eSign .
댓글0
TOP