要素ホバー時にホバーしたことがわかるようなアニメーションを入れたい

課題

よくある、要素ホバー時にホバーしたことがわかるようなアニメーションを入れたい 特に今回は - 色が薄くなる - 若干下に下る アニメーションを実装する。

実装

a:hover{
    opacity: 0.75;
    transition: all 0.25s ease;
    transform: translate(0px, 1px);
}