data-anim Inspector

data-anim Inspectorは、data-animの全アニメーションをブラウザ上で直接確認・プレビューできるChrome拡張機能です。

インストール

Chrome ウェブストアからインストールできます。

機能

• アニメーション一覧 — Fade、Slide、Zoom、Bounce、Attention、Rotateなど、30以上の組み込みアニメーションをカテゴリ別に閲覧。
• ライブプレビュー — アニメーションをクリックするだけで、プレビュー要素上で即座に再生。
• Replay All — 現在のページ上の全アニメーションをワンクリックで再生。
• 属性コピー — data-animのHTML属性をクリップボードにコピーし、コードに直接貼り付け可能。
• 要素インスペクション — ページ上の要素を選択して、data-anim属性をリアルタイムで確認・変更。

使い方

1. data-animを使用しているページ（または任意のページ）を開きます。
2. ブラウザツールバーのdata-anim Inspectorアイコンをクリック。
3. カテゴリ別にアニメーションを閲覧し、クリックでプレビュー。
4. コピーボタンでHTML属性を取得し、コードに貼り付け。