아빠의 일기/원상이 이야기
lottie 파일 활용
거울나라
2021. 12. 15. 13:13
Lottie
Bodymovin을 사용 하여 json으로 내보낸 Adobe After Effects 애니메이션을 구문 분석 하고 모바일과 웹에서 기본적으로 렌더링하는 Android, iOS, 웹 및 Windows용 라이브러리
LottieFiles
Free Lottie Animation Files, Tools & Plugins - LottieFiles
The world’s largest online platform for the world’s smallest animation format for designers, developers, and more. Access Lottie animation tools and plugins for Android, iOS, and Web.
lottiefiles.com
1. LottieFiles 사이트에 들어가서 원하는 애니메이션 검색
2. 애니메이션 선택 및 Iframe 코드 복사
3. iFrame 테그에 border 0
# 원본 <iframe src="https://embed.lottiefiles.com/animation/36895"></iframe> # 수정 <iframe src="https://embed.lottiefiles.com/animation/36895" frameborder="0" scrolling="no"></iframe>4. 블로그나 홈페이지에 넣은 모습