javascript - HTML要素のアニメーションを検査するには?

Question

特定の要素に割り当てられた CSS トランジションまたは JavaScript/jQuery アニメーションを表示したい。Chrome DevTools またはその他の開発者ツールでどのように行う必要がありますか?

たとえば、Google プラスのページにアクセスしたところ、画像にカーソルを合わせるとグレー表示になり、ズームインして隅に閉じるボタンが表示されることに気付きました。

ノーマル：

ホバー:

この動作の背後にあるコードを確認するにはどうすればよいですか?

Answer 1

要素タブで html 要素を右クリックし、:hover オプションを選択します。これで、右側のスタイル タブで特定の要素に適用されたホバー CSS を確認できます。スクリーンショットを参照してください