jquery - jQuery Slide CSS Element Out 减少不透明度

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;  
}

我已经尝试过了，但它并没有真正滑出，就像在屏幕上移动一样。它只是淡出。任何想法？

我希望能够在屏幕内外对其进行动画处理，以减少不透明度。

Answer 1

使用整数 ( 20) 而不是字符串 ( 20px)：

$(document).ready(function() {
      $('.heading1').animate({'margin-right':20,opacity:0},500);
})