# animate()

[jQuery] animation vs animate의 차이점?
🗒 비슷해보이지만 확실히 다른 animation과 animate의 차이점을 정리해보겠습니다!간단하게,animation은 숨기거나 표시하기, 아래로 펼쳐짐 등등의 효과로 태그를 동작시키는 것이고,animate는 css스타일을 통해 태그를 동작시키는 것입니다.| 중요 명

Animation: frame vs layout constraints
첫 번째 포스팅은 애니메이션에 관한 것입니다. 기초에 충실하게 정리해봤습니다.
[jQuery] GNB 메뉴 활성화, 스크롤 이동
로드 된 스크롤 위치에서 메뉴 활성화 > body의 경우 scroll 값을 반환하지 못하므로 $(window).scrollTop(); 를 쓴다. GNB 메뉴 클릭 시 해당 섹션으로 이동 > animation queue jQuery에서 animate()함수로 애니메

Swipe에 따라 움직이는 상단바 구현
Swipe에 맞춰서 움직이는 애니메이션을 구현해보고 싶어서 다양한 도전끝에 길을 찾았습니다. 공유해볼게요!
21.07.08
AnimationAnimate.css애니메이션 효과 코딩을 직접하면 어렵겠지라는 생각에 조금 겁을 먹었는데, 다른 개발자가 미리 만들어 놓은 라이브러리가 있다는 것을 알고 안심을 했다. 아직까지 배우는 단계지만 뭔가 내가 좋은 웹 사이트를 만들 수 있을 것 같은 느낌이

[Jquery - 실습]counter animation
지정해둔 숫자까지 카운팅되는 애니메이션을 animatie()메서드를 이용해 구현하는 것을 통해 animatie()와 관련 속성을 학습한다.

animation UI, 애니메이션 UI
animate란 특정 CSS 속성을 변경하기 위해서 사용하는 함수.변경이 되는 모습, CSS 속성이 변화하는 모습을 천천히 보여주고 싶을 때 사용한다.$('.box').animate({ marginLeft : '100px' }, 1000);.box 요소에 margin-

[Bouncing Ball] clip()으로 도형에 이미지 넣고 애니메이션 적용
벽에 부딫히는 공 애니메이션clip 사용하기캔버스에 이미지 그리기공에 이미지 넣기clip() 기능을 사용해 핑크색 공 안에 보라색 상자를 넣을 수 있다즉, 핑크색 공은 보라색 상자 내부에만 존재drawImageimg.onload는 이벤트리스터로 작성해도 된다이미지 출력

[애니메이션 초기작업] 윈도우 창이 변할 때마다 Canvas 크기 새로 지정
2차원 비트맵 그래픽과 애니메이션을 그릴 수 있는 HTML 요소패스, 도형, 글자 등을 그리고 이미지를 추가하는 다양한 함수들이 존재width와 height 속성만 존재 (default width: 150, height: 300)캔버스는 고정 크기의 드로잉 영역을 생성