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