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 | 31 |
Tags
- docker
- javascript animation
- component
- Redux
- go
- socket.io
- express
- 웹크롤링
- npx
- 정규표현식
- styled-component
- AWS
- 성능최적화
- CDN
- route
- typescript
- cicd
- Modal
- 회고
- react
- 웹팩
- Recoil
- graphql
- 반응형웹
- scrapping
- sequelize
- 포트포워딩
Archives
- Today
- Total
목록javascript animation (1)
프로그래밍 공부하기
전체 화면 애니메이션 만들기
TJ 미디어의 노래 번호를 검색하고 노래를 선택하여 나만의 리스트를 관리하는 프로젝트에 참가하게 되었다. 메인페이지 구현을 담당하였는데, 팀원들이 노래방 답게 화려한 효과들을 원해서 메인페이지에 미러볼 같은 애니메이션을 넣어보자는 생각을 갖게되었다. 1. 화면 위에 무작위의 원 생성하기 처음부터 미러볼 애니메이션을 넣기는 어려워서 2가지 종류의 원을 랜덤한 위치에 생성하는 애니메이션을 먼저 작성해보기로 하였다. 1) 원 디자인 .circle-green{ position: absolute; pointer-events: none; background-image: linear-gradient(to right, #2ef27466 0%, #54d88066 100%); } .circle-pink{ position:..
Web/[JS] FrontEnd
2021. 3. 27. 02:07