Properties

Properties

Editing
  • account_tree
  • bug_report

animation-name

애니메이션으로 사용할 미리 정의된 키프레임 셋의 이름을 설정한다.

사용 가능한 값 타입

<'animation-name'>

DEVDIC-Specified Data Types

animation-name 속성에 사용되는 타입이다.

애니메이션이 정의되어 있는 키프레임의 이름을 지정한다.

  • CSS Animations Level 1
    [ none | <keyframes-name> ]#

    하나 이상의 <keyframes-name> 또는 none 키워드를 콤마로 구분해서 설정할 수 있다.

포함된 타입

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

  • <keyframes-name>

    animation-name 속성에 사용할 키프레임을 이름을 나타낸다.

    • CSS Animations Level 1
      <custom-ident> | <string>
    Details

    포함된 타입

    • <custom-ident>

      임의의 사용자 정의 문자열을 나타낸다.

      Details

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

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

      • grid-column-end

        그리드 항목이 몇 개의 열(column)로 확장되는지 또는 항목이 끝나는 열(column)의 줄의 위치를 정의한다.

      • grid-column-start

        그리드 항목이 시작되는 열(column)의 줄의 위치를 정의한다.

      • grid-row-end

        그리드 항목이 몇 개의 행(row)으로 확장되는지 또는 그리드 항목이 끝나는 행(row)의 위치를 정의한다.

      • grid-row-start

        그리드 항목이 시작될 행(row)의 위치를 정의한다.

      • counter-increment

        하나 이상의 CSS 카운터 값을 늘리거나 줄인다.

      • counter-reset

        하나 이상의 CSS 카운터를 만들거나 재설정한다.

      • list-style-type

        목록의 마커의 모양을 설정한다.

    • <string>

      따옴표로 감싸진 데이터 유형을 표현한다.

      • "this is a 'string'."
      Details

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

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

      • font-family

        글꼴을 지정한다.

      • content

        가상 요소로 생성할 콘텐츠를 설정한다.

      • quotes

        인용 부호의 유형을 설정한다.

사용되는 키워드

  • none

    애니메이션으로 설정한 키프레임 셋을 제거한다.

관련 @Rules

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

  • CSS Animations Level 1

    애니메이션으로 설정한 키프레임 셋을 제거한다.

구문

  • animation-name: none;
    CSS Animations Level 1

    기본 값으로 애니메이션으로 설정할 키프레임 셋을 제거한다.

  • animation-name: myani;
    CSS Animations Level 1

    애니메이션으로 설정할 키프레임 셋의 이름인 'myani'를 값으로 설정한다.

버전 명세

Modules
Module NameStatusSummary
CSS Animations Level 1초안 작업

Last review date: 2022-12-6

지원 웹브라우저