【JavaScript・GSAP🔰】デバッグ中JavaScript内でSCSSの情報を知りたい時の方法

サイトをかっこよく動かしたい!と言った時にGSAPを使って動かしているがうまくいかない時の検証デバッグで、アニメーション途中とアニメーション後の時の使い分けが勉強になったのでここに残す。

JavaScriptでSCSSの情報を知りたい場合の方法

tl.call(() => {
  const kv1 = document.querySelector(".js-flip--kv1");
  console.log("画像1のz-index:", getComputedStyle(kv1).zIndex);
});

今回設定されているzindexの値を知りたかったので、上記の方法で検証できた。

コメント