-
[자바스크립트] anime js 사용해서 애니메이션 주기 (사용법, 예제)
아래 소스 코드는 Anime.js 라이브러리를 사용하여 박스와 텍스트에 애니메이션을 적용한 예제입니다. box는 이동하며, 텍스트는 설정 방향에 따라 이동하며 나타나고 사라집니다. 소스코드 설명 // 박스 애니메이션 const boxes = document.querySelectorAll('.box'); anime({ targets: boxes, translateX: [250, -250], translateY: [50, -50], rotate: ['1turn', '2turn'], duration: 2000, easing: 'easeInOutQuad', direction: 'alternate', loop: true }); // 첫 번째 텍스트 애니메이션 const textElements = document...
개발이야기/자바스크립트
2023. 9. 14.
단축키
내 블로그
내 블로그 - 관리자 홈 전환 |
Q
Q
|
새 글 쓰기 |
W
W
|
블로그 게시글
글 수정 (권한 있는 경우) |
E
E
|
댓글 영역으로 이동 |
C
C
|
모든 영역
이 페이지의 URL 복사 |
S
S
|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.