# gsap - SVG로 배경 애니메이션 넣기

codepen.io 사이트에는 정말 대단한 사람들이 많은것같다...!

 

보다가 나도 만들어봐야징 하고 생각된것들이 있는데

https://codepen.io/isladjan/pen/abdyPBw

Parallax scroll animation

이거랑 다른하나가 더있었는데 뭔지 못찾겠다 ㅠㅠ

아무튼 요런 느낌으로다가

svg에 이벤트를 줘서 스르륵 나타나게 해보려고 무료 이미지를 찾아서 받았다..

 

무료 이미지는 역시 freepik이지

https://kr.freepik.com/

Freepik | 올인원 AI 크리에이티브 툴

 

svg 파일을 받은후 일러스트로 열어서 

열심히 그룹을 나눈다음 svg 파일로 저장했다..

tent나 bg같은경우에 코드에서 결국 빠졌지만.. ! 어쨋든

 

See the Pen svg animation by note (@somieee) on CodePen.

 

코드론 막상 별거 없는데 그룹 나누는게 힘든것 같다.

 

별이나 달 반짝거리게 하거나나 별똥별 떨어지는 효과를 넣으면 더 완성도있고 예쁠것같지만..

대충 이정도 해봤으니 되었다..!!