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
- CJS
- React
- svg style
- NEXT
- recoil
- react-icons
- window.scrollY
- 템플릿 리터럴
- 웹 애니메이션
- npm module
- npm library
- useCallback()
- useState
- 백틱
- useQuery
- npm publish
- useSWRImmutable
- flutter
- es module
- useSwr
- Lottie web
- github login
- 웹 디자인
- next.js
- python
- nextauth
- typescript
- Tailwind CSS
- 마이크 권한 요청
- 동적 디자인
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