css 구현
transition을 이용한 방법은 javascript로 구현하는 것보다 빠르다고 알려져 있다. 특히 모바일 웹에서는 transform을 사용한 element의 조작을 많이 구현한다.
빠른 css3 애니메이션 관련 속성
GPU 가속을 이용하는 속성을 사용하면 애니메이션 처리가 빠르다.
transform: translateXX();
transform: scale();
transform: rotate();
opacity
참고 : https://d2.naver.com/helloworld/2061385
https://www.boostcourse.org/web316/lecture/16754?isDesc=false
웹 프로그래밍(풀스택)
부스트코스 무료 강의
www.boostcourse.org
'boostcource > boostcourse_web programming' 카테고리의 다른 글
| DOMContentLoaded (0) | 2024.06.13 |
|---|---|
| 서비스 개발을 위한 디렉토리 구성 (0) | 2024.06.09 |
| 웹 애니메이션, setTimeout (0) | 2024.06.02 |
| Ajax 응답 처리와 비동기 (0) | 2024.05.25 |
| DOM APIs (0) | 2024.05.23 |