aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/shadowroot/getanimations/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/shadowroot/getanimations/index.md')
-rw-r--r--files/ja/web/api/shadowroot/getanimations/index.md68
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")}}