jquery - jQueryはCSS要素をスライドさせて不透明度を減らします

Question

こんにちは、CSS 要素をスライドさせて、完全に消えるまで不透明度を徐々に削除しようとしています。

たとえば、テキストを右にスライドさせて不透明度を下げ、完全に消えるまでテキストをスライドさせたいとします。

//JQuery
$(document).ready(function() {
    $('.heading1').animate({marginRight:"20px",opacity:0},500)
})
//HTML
<div class="sliderContainer">

<a class="heading1">Text</a>

</div>

//CSS
.heading1 {
    position:relative;  
}

これを試してみましたが、画面を横切って移動するなど、実際にはスライドアウトしません。フェードアウトするだけです。何か案が？

画面の内外でアニメーション化して、不透明度を減らしたいです。