マウスオーバーでふわっとさせるcss

css

a{
    transition : all 0.3s ease 0s;
}

a:hover{
    opacity:0.7;
}

これでリンク部分は0.3秒かけてふわっと自然に半透明になる
最後の0sは始まるまでの時間（この場合はすぐに）
easeは動き方の種類（easeは初期値、自然な動き）