ブログ
勉強して学びを得たときの疑問や改善点などを日々記録しています。
是非ご参考までに覗いてみてください。
コーディングテスト6
授業について
WEBデザイナー、WEBクリエイターを目指そうとしている皆さまに、コーディング基礎知識問題の第6問目です！この問題が解けるでしょうか？
ぜひ、チャレンジしてみてください！
コーディング問題その6
時間をかけて見た目を変化させるために、クラスlinkがホバーしたときに、0.5秒かけて変化させたい。
①、②のどちらかに必要な記述をしてください。なお、変化させる内容はまだ記述していません。
正解は・・・
:hover側に指定すると思っている方が多いですが、:hover側で指定してしまうと、マウスが要素から離れた瞬間に指定していたスタイルが消えてしまい、不自然な動きになってしまいます。
transitionは:hover側には指定しない事が基本です。
この、コーディング問題は全部で10問あります！
次の問題も、ぜひチャレンジしてみてください！お楽しみに・・・
この記事を書いた人
-
へけ -
くりぷろスタジオの中では一番の年長者です。毎日、一緒に働いている皆様たちに助けられています。一見、しっかり者ですが年相応のうっかりも時々あります。とにかく、寝ることが楽しみです。平穏に毎日が過ごせたらいいなぁと思っています。