Properties

Properties

Editing
  • account_tree
  • bug_report

transition-duration

전이효과가 지속되는 시간을 설정한다.

설명

transition-delay 속성과 다르게 음수 값으로 지정시 선언이 무효가 된다.

사용 가능한 값 타입

<'transition-duration'>

DEVDIC-Specified Data Types

transition-duration 속성에 사용되는 타입이다.

  • CSS Transitons
    <time>#

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <time>

    초(seconds) 또는 밀리초(milliseconds)로 시간을 나타낸다. 밀리초(milliseconds)는 1/1000초를 나타낸다.

    Details

    사용되는 단위

    아래의 모든 단위를 사용할 수 있는지 확인해야 할 수도 있다.

    • ms

      1초를 1000으로 나눈 밀리초(milliseconds)를 나타낸다.

    • s

      초를 나타낸다.

    동일한 타입을 사용하는 관련 속성

    모든 속성을 표시하지 않을 수도 있다.

    • animation-delay

      애니메이션의 동작을 초(s) 또는 밀리세컨드(ms) 단위로 지연시킨다.

    • animation-duration

      애니메이션의 실행 시간을 초(s) 또는 밀리세컨드(ms) 단위로 설정한다.

    • transition-delay

      전이 효과의 동작을 지연시킨다.

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

구문

  • transition-duration: 300ms;
    CSS Transitons

테스트 도구

전이효과 지속 시간 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Transitons

Last review date: 2022-6-12

지원 웹브라우저