Properties

Properties

Editing
  • account_tree
  • bug_report

transition-timing-function

주어진 시간 내에 전이효과를 어떠한 방식으로 진행(연출)할 지를 설정한다.

사용 가능한 값 타입

〈'transition-timing-function'〉

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

관련 함수들

  • cubic-bezier()

    애니메이션 중 1차원 값이 얼마나 빠르게 변화하는 지를 설명하는 수학 함수를 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • easeCSS3

    천천히 시작하다 빠르게 진행하며 천천히 종료한다.

구문

  • object.style.transitionTimingFunction = "linear";CSS3

    자바스크립트 형식

테스트 도구

전이효과 속도 변화 설정 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Transitons

Last review date: 2022-6-12

지원 웹브라우저