マガジンのカバー画像

デイトラWeb制作

49
運営しているクリエイター

#2196f3

DAY41.実務でよく使うアニメーションの付け方編 マウスホバー時の動きを付ける

01.マウスホバーのパターン10選hover {  display: inline-block;  padding: 0.6em 2em;  margin: 0 0 1em;  background-color: #4CAF50;  color: #fff;  cursor: pointer;  transition: all 0.3s ease 0s; } 1.透明に近づける .hover:hover {  opacity: 0.6; } 2.色が反転 .hover