遅延効果「transition」はアンカーではなくボックスに適用する

遅延効果「transition」はアンカーではなく
ボックスにホバーをつけて適用する


.box{
opacity:0.6;
transition:3.0s; //　通常のボックスは「行き」
}
.box:hover{
opacity:0.9;
transition:0.3s; //　ホバーのボックスは「戻り」
}


※アンカーの文字色は変わるが、
※トランジションには対応しない。

.box a{
display:block;
color:white; // 文字色　白から
}
.box a:hover{
color:orange; // 文字色　オレンジへ　
}