jQuery将CSS元素滑出以减少不透明度

嗨，我正试图滑出一个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;  
}

e、 我想把一个文本向右滑动，当它滑动到完全消失时，它会降低不透明度

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

//JQuery
$（文档）.ready（函数（）{
$（'.heading1'）。设置动画（{marginRight:“20px”，不透明度：0}，500）
})
//HTML
正文
//CSS
.标题1{
位置：相对位置；
}

我已经试过了，但它并没有像在屏幕上移动一样滑出。它只是淡出。有什么想法吗

我希望能够在屏幕内外设置动画，减少不透明度。

使用整数（

20

）而不是字符串（

20px

）：

---

这不起作用，而且，为什么你有“''”左右的空白权利，而不是不透明。它只是由于不透明度而淡出，但在进行此操作时会滑出。

'margin-right'

由delimeter

-

分隔，不能用作

对象键。但是，这段代码对我来说很好。您可能需要查看您的css设置？是否需要对css元素执行任何操作？我试过设置。头部位置：相对位置。但也不管用。检查我编辑的作品。编辑我理解为什么它不起作用，因为它没有更多的空白移到右边，像这样？这里就解决了