그림 6-71 실행결과(전환 효과가 진행 중인 화면)

완료 시점은 똑같은데 완료까지 전환 효과의 속도가 다릅니다.

기본으로 제공되는 속성값의 속도 방식이 마음에 들지 않는다면 cubic-bezier() 함수로 직접 정할 수도 있습니다. 다만, 전환 속도를 직접 정하려면 복잡하므로 크롬의 개발자 도구나 별도의 외부 사이트에서 계산하는 것이 편합니다.