반응형
자연스러운 애니메이션을 주기 위해 방법을 모색하던 중 cubic-bezier이라는 개념을 발견하게 되었다. 그에 대한 내용을 담은 많은 포스팅 가운데에 본인 기준으로 하여 가장 이해가 쉬웠던 게시글을 아래 참조하였다.
https://kutar37.tistory.com/entry/CSS-cubic-bezier%EB%9E%80
CSS : cubic-bezier란?
cubic-bezier란?cubic-bezier() function은 CSS에서 transition 속성 혹은 transition-timing-function 속성에서 전환 시작과 끝까지의 효과를 제어하는데 쓰인다. #target{transition: all 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75);}Colo
kutar37.tistory.com
반응형
'HTML & CSS' 카테고리의 다른 글
| [CSS] 부모의 Opacity설정 무시하기 (0) | 2023.05.26 |
|---|---|
| [CSS] padding 사용 시, 부모 벗어나는 문제 (0) | 2023.03.13 |
| [CSS] 그라데이션 버튼 생성 (0) | 2022.11.21 |
| [CSS] 문자열 선택자 (2) | 2022.09.29 |
| [CSS] 상대경로, 절대경로 (0) | 2022.09.27 |
