margin-top を変えるとクリックしても変化しなくなりましたが、なぜですか?

カーソルがボタンの位置からずれて、クリックイベントが発火されなくなっているからです。
2021年8月25日
ユーザー

レッスン通りにおみくじが動くことを確認した後に、試しにボタン押下の動きを大きくしてみる為、
#btn:activemargin-top35pxから大きな値に変更してみました。

ある大きさまでは問題なく動くのですが、値を大きくしすぎると、テキストが「?」のまま変わらない現象が起きます。色々試してみたところ、margin-top: 188px;までは問題なく、189px以上になるとこの現象が起きます。

原因の検討がつかず質問させていただきました。ご教授頂けると幸いです。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?