웹에 애니메이션 로고를 넣어보자 (간단함 / SVG 애니메이션 제작)

ARTISTA(SVG 애니메이션 자동 생성 웹)

• svg로 로고 이미지를 제작한다.
  • 일러스트레이터, Figma를 활용하면 된다.
• artista에 들어가서 사진을 업로드한다.
• 원하는 옵션값을 설정한다.
• 상단의 view code를 클릭한다.
• svg 코드는 html에서 원하는 곳에 붙여넣는다.
• 옆에 있는 css코드는 모두 css파일 안에 붙여넣는다.
• 자바스크립트에 아래의 코드 추가한다.

window.addEventListener('load',function(){
    document.querySelector('svg').classList.add('active');
});

참고자료

• artista