---
title: AnimationEvent.animationName
slug: Web/API/AnimationEvent/animationName
tags:
  - API
  - AnimationEvent
  - CSSOM
  - Property
  - Reference
  - Web Animations
browser-compat: api.AnimationEvent.animationName
translation_of: Web/API/AnimationEvent/animationName
---
{{APIRef("Web Animations API")}}

**`AnimationEvent.animationName`** 읽기 전용 속성은 트랜지션에 관련된 {{cssxref("animation-name")}} CSS 속성 값을 나타내는 {{domxref("DOMString")}}입니다.

## 구문

```js
name = AnimationEvent.animationName
```

## 명세

{{Specifications}}

## 브라우저 호환성

{{Compat}}

## 같이 보기

- [CSS 애니메이션 사용하기](/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
- 애니메이션 관련 CSS 속성과 @규칙: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}
- 이 속성이 속한 {{domxref("AnimationEvent")}} 인터페이스.