【ズルいWeb制作】2nd:100万円稼ぐまでの挑戦32【マウスホバー時の動きを付ける】2020/02/01SHAREツイートシェアはてブLINEPocketこんにちは、タビんちゅです。目標はWeb制作で100万円稼ぐ!!東京フリーランスが無料で提供している30DAYSトライアル(デイトラ)1stを完了し、2ndで学んだことを忘れないうちに書いていきます。これからデイトラをはじめる人の参考にもなるかもです。再挑戦プログラミング中Web制作、フリーランス関連を学んで即発信中あと記事はサクッと書いているので、誤字脱字があったらすみません。2020よく使われがちなマウスホバーのCSSパターン10選と作り方を学んでいきます実務に必須のアニメーションパターンをいくつかストックするナビゲーションの仕上がりは下記の感じ。ホバーの動きをコーディングする時は、transitionもつけた方がしっくりきますね。実務ではホバーの動きはコーダーに任されることが多く、自分の「お決まり」ホバーアクションを持ってるとコーディング効率が上がるのでいい。ちなみに、ホバーすると「透過」するやつが定番らしい。2020ひと口メモCSSで作るボタンアニメーションはある程度パターンをストックしてれば、あとは使い回すだけ。定番はホバーすると「透過」するやつ。いうわけで、今回はここまでです。『プログラミングは継続がいちばん大事。