SVG3 svg path코드 해석해보기 border 애니메이션을 주기 위해서 일러스트에서 path작업하고 export를 하고 나서스크립트로 요것들을 좀 변경해주려고 보니 내가 만들었지만 코드가 너무 복잡함 숫자만 보면 울렁이면서 가슴만 부여잡고 있을 수는 없기에구글링을 좀 해봤더니 아래 사이트를 발견할 수 있었음!! https://github.com/mathieudutour/svg-path-visualizer GitHub - mathieudutour/svg-path-visualizer: Enter a SVG path data to visualize it and discover all its different commandsEnter a SVG path data to visualize it and discover all its differen.. 2024. 12. 26. [UI/UX] gent.midea (패럴럭스, SVG, canvas 등) https://www.gent.media/ 사이트를 보고, 다양하게 참고해볼만한 것들이 많아 이러저리 살펴봄. ABOUT - 타이틀인 "award-winningdesigner/creativedeveloper" 글자는 각 글자를 태그로 감싸서 animation-delay를 이용. - 나머지 작은 글자들을 모두 으로 감싸기는 어려우니 아래에서 위로 올라오는 모션을 줌. - GENT - about 페이지와 동이한 타이포 애니메이션. - 스크롤다운 아이콘 효과. - canvas로 구현한 우주 효과... 아마도 three.js인 듯 - 스크롤을 없애고, 페이지 길이를 오른쪽 bar로 줌. - 포폴사이트들의 패럴럭스 효과가 괜춘~ 2023. 5. 4. 구글 svg 에디터(svg-edit) 페이지 : http://code.google.com/p/svg-edit/데모 : http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html 2012. 12. 28. 이전1 1 다음 728x90 반응형
