2021/09/24 時点の英語版に基づき新規翻訳

1 files changed, 68 insertions, 0 deletions

diff --git a/files/ja/web/api/shadowroot/getanimations/index.md b/files/ja/web/api/shadowroot/getanimations/index.md
new file mode 100644
index 0000000000..33345afd5e
--- /dev/null
+++ b/files/ja/web/api/shadowroot/getanimations/index.md
@@ -0,0 +1,68 @@
+---
+title: ShadowRoot.getAnimations()
+slug: Web/API/ShadowRoot/getAnimations
+tags:
+  - API
+  - Animation
+  - CSS
+  - CSS アニメーション
+  - CSS トランジション
+  - ShadowRoot
+  - メソッド
+  - リファレンス
+  - トランジション
+  - ウェブアニメーション
+  - getAnimations
+  - waapi
+  - ウェブアニメーション API
+browser-compat: api.ShadowRoot.getAnimations
+translation_of: Web/API/ShadowRoot/getAnimations
+---
+{{APIRef("Web Animations")}}
+
+**`getAnimations()`** は {{domxref("ShadowRoot")}} のメソッドで、ターゲット要素がシャドウツリーの子孫である、現在有効なすべての {{domxref("Animation")}} オブジェクトの配列を返します。この配列には [CSS アニメーション](/ja/docs/Web/CSS/CSS_Animations)、[CSS トランジション](/ja/docs/Web/CSS/CSS_Transitions)、[ウェブアニメーション](/ja/docs/Web/API/Web_Animations_API) が含まれています。
+
+## 構文
+
+```js
+getAnimations();
+```
+
+### 引数
+
+なし。
+
+### 返値
+
+{{domxref("Animation")}} オブジェクトの配列 ({{jsxref("Array")}}) で、それぞれが呼び出された {{domxref("ShadowRoot")}} の子孫である要素に現在関連付けられた 1 つのアニメーションを表します。
+
+## 例
+
+次のコードでは、シャドウツリーにあるすべてのアニメーションの {{domxref("Animation.playbackRate")}} を半分にすることで、アニメーションの速度を下げます。
+
+```js
+let customElem = document.querySelector('my-shadow-dom-element');
+let shadow = customElem.shadowRoot;
+shadow.getAnimations().forEach(
+  function (animation) {
+    animation.playbackRate *= .5;
+  }
+);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [Web Animations API](/ja/docs/Web/API/Web_Animations_API)
+- [CSS アニメーション](/ja/docs/Web/CSS/CSS_Animations)
+- [CSS トランジション](/ja/docs/Web/CSS/CSS_Transitions)
+- {{domxref("Element.getAnimations()")}} - 単一の
+  {{domxref("Element")}} とその配下のアニメーションのみを読み取ります。
+- {{domxref("Animation")}}