Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Lottie web
- svg style
- react-icons
- useQuery
- npm library
- useSWRImmutable
- 마이크 권한 요청
- React
- CJS
- npm module
- NEXT
- es module
- python
- window.scrollY
- Tailwind CSS
- flutter
- nextauth
- typescript
- useSwr
- 백틱
- next.js
- 템플릿 리터럴
- recoil
- useCallback()
- useState
- 동적 디자인
- npm publish
- 웹 애니메이션
- 웹 디자인
- github login
Archives
- Today
- Total
목록웹 애니메이션 (1)
김재욱의 이모저모
Lottie를 이용하여 웹에 애니메이션 주입하기!
웹 페이지를 만들기 위해 작년, 재작년의 페이지들을 보면서 내가 가장 관심이 갔던 부분은 움직이는 그림들이었다. 저런 애니메이션들은 내가 svg, png 파일들을 주입하는 것처럼 그냥 mp4나 gif 파일을 찾아서 주입하면 되는 건가?라는 의문이 들었고 git 주소를 받아서 뜯어본 결과 Lottie를 이용하여 애니메이션을 주입하신 거였다! https://lottiefiles.com/ LottieFiles: Download Free lightweight animations for website & apps. Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Creat..
Front-end/web design
2023. 5. 30. 01:05