Properties

Properties

Editing
  • account_tree
  • bug_report

transition-delay

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

설명

지연 시간을 음수 값으로 지정이 가능하다. 만약에 음수로 지정하는 경우 속성의 값이 변경되는 대로 즉시 대기 시간없이 전이효과가 나타나며 음수로 설정된 시간만큼 전이효과 시간 내에서 오프셋되어 실행된다.

사용 가능한 값 타입

<'transition-delay'>

DEVDIC-Specified Data Types

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

  • CSS Transitons
    <time>#

포함된 타입

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

  • <time>

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

    Details

    사용되는 단위

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

    • ms

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

    • s

      초를 나타낸다.

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

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

    • animation-delay

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

    • animation-duration

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

    • transition-duration

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

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

구문

  • element.style.transitionDelay = "500ms";
    CSS Transitons

테스트 도구

전이효과 지연 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Transitons

Last review date: 2022-6-12

지원 웹브라우저