ポインター クリックのアニメーション化 (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

ポインター アニメーションを使って、項目のタップまたはクリックに対する視覚的なフィードバックをユーザーに提供します。 ユーザーが項目をタップまたはクリックすると、ポインター ダウン アニメーションが再生されます。このアニメーションでは、項目が若干縮小され、押されていることを示します。クリックまたはタップが解放されると、ポインター アップ アニメーションが再生されます。このアニメーションでは、項目が元のサイズに戻り、解放されたことを示します。

このアニメーションは、次の API で構成されます。

次のビデオは、ポインター ダウン アニメーションとポインター アップ アニメーションのデモです。

その他のリソース

ポインター アニメーションの API の使い方を示すコード例については、HTML アニメーション ライブラリのサンプルに関するページをご覧ください。

ポインター クリック アニメーションの使用時のデザインのベスト プラクティスについては、「ポインター クリック アニメーションのガイドラインとチェック リスト」をご覧ください。

関連トピック

UI のアニメーション化

pointerUp

pointerDown