[JavaScript] svg path 스크롤 애니메이션(1) - stroke-dasharray, stroke-dashoffset 해당 포스팅은 유튜브에 업로드된 '맛있는 코딩'님의 강좌를 들으며 공부한 내용들입니다. 👉 맛있는 코딩 강좌 바로가기 path 그리는 방법 구글 사진 검색에서 다음과 같이 ex) one path drawing 검색하면 다양한 이미지가 나온다. 그중 마음에 드는 이미지를 일러스트로 불러온다. 이미지 배경에 opacity를 넣어준 다음 새 레이어를 만들어서 path툴로 끊기지 않게 하나의 라인으로 똑같이 그려주고 svg파일로 저장한다. 기본적인 레이아웃 .header { padding-top: 110px; background-color: #000; box-sizing: borde..
