오늘은 모던 JavaScript 튜토리얼에서 CSS 애니메이션에 대해 공부했다. 작성한 질문은 다음과 같다.
- transition-property: 해당 프로퍼티엔 left, right, margin-left, margin-right 같이 애니메이션 효과를 적용할 프로퍼티 목록을 정의한다.
- transition-duration: 해당 프로퍼티엔 애니메이션 효과를 얼마나 줄지 설정하는 프로퍼티다.
- transition-delay: 해당 프로퍼티엔 애니메이션이 시작하기 전 얼마만큼의 딜레이를 줄지 설정하는 프로퍼티다.
- transition-timing-function: 해당 프로퍼티엔 프로퍼티를 사용하여 timing 함수를 만들면 시간에 따라 애니메이션 효과를 어떻게 분배할지 설정할 수 있는 프로퍼티다.
'TIL' 카테고리의 다른 글
| TIL - 20220925 (0) | 2022.09.25 |
|---|---|
| TIL - 20220924 (0) | 2022.09.24 |
| TIL - 20220922 (0) | 2022.09.22 |
| TIL - 20220921 (1) | 2022.09.21 |
| TIL - 20220920 (0) | 2022.09.20 |