SVG 기술은 점점 낯설어지고 있으며, 사용 임계값도 점차 낮아지고 있으며 SVG 애니메이션도 CSS 를 통해 제어할 수 있습니다. 그러나 이 애니메이션도 시간이 많이 걸리지만 한 가지 일반적인 것은 선 그리기 애니메이션입니다. CSS3 는 구현하기 어렵습니다. 여기서 SVG 를 사용할 수 있습니다.

이 문서에서는 PSD 의 경로 레이어에서 직접 SVG 그래픽을 생성할 수 있는 PS 플러그인 svgArtisan (현재 홈 페이지가 없음) 에 대해 설명합니다. 다음으로, 아주 간단합니다. 플러그인을 사용하여 설계 스케치의 경로 모양에 적합한 SVG 를 생성합니다. (foreignObject 태그에서 SVG 를 지원하지 않는 브라우저는 에 있습니다. M3-SVG-Nosupport 태그 아래에 그림이 표시됩니다. ) 그런 다음 CSS3 애니메이션을 사용하여 획을 제어합니다 -dashoffset: 효과가 어렵지 않습니다! SVG 에는 ICONFONT 제작과 같은 다양한 용도가 있어 더 탐구할 수 있다.

중력 자이로 스코프

페이지를 좀 더 계층적으로 만들기 위해 디자인이 가지각색의 꽃과 별과 같은 단편적인 요소를 제공하게 한 다음 개별적으로 잘라서 그림의 전경에 배치합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 팽이를 이용해 휴대전화와 함께 움직이는 것이 얼마나 재미있는가.

자이로스코프의 중력 효과를 쉽게 구현할 수 있는 도구가 있습니다. parallax.js 의 사용법은 간단합니다. parallax-obj 의 상위 클래스를 정의하고, layer 의 클래스를 이동해야 하는 요소에 추가하고, 이동 범위 data-depth 를 설정합니다.

다음은 HTML5 를 통해 모바일 애플리케이션 페이지를 활성화하는 방법에 대한 변쇼의 공유입니다. 모두에게 도움이 되기를 바랍니다. HTML5 에 대해 더 자세히 알고 싶다면 이 플랫폼을 주목해 주세요.