webページを作成したときによく使うhoverの記述です。
hoverの設定をするとカーソルをボタンの上に移動したときに動きを出すことができます。
<a href="#" class="btn">よくあるボタン</a>.btn{
transition: all 0.2s ease;
}
.btn:hover{
opacity: 0.6;
}装飾のコードは省いてます。
transitionの数字はhoverの効果までの時間です。
1sだと1秒。ここでは0.2sなので0.2秒。transitionを設定するとゆっくりhoverされます。
opacityは不透明度。1は100%、0.6は60%ということです。
頻繁に使うのにすぐ忘れるのでメモ書きでした。
