押し込まれた時のスタイルに translateY() を使ってもよいのですか?

はい、問題ありません。いろいろな書き方を試してみましょう。
2021年8月23日
ユーザー

他の動画でも、押し込まれた時のスタイルはmarginで調整していますが、
transform:translateY()で調整しても良いのでしょうか?
何か不具合はありますか?

先生のコード(CSS)

#board li.pressed {
  background: #ccc;
  box-shadow: none;
  margin-top: 9px;  ⇦ ココ
  margin-bottom: 1px; ⇦ ココ
}

transformで調整したコード

#board li.pressed {
  background: #ccc;
  box-shadow: none;
  transform: translateY(4px);  ⇦ココ
}

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?