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

jQuery Slide CSS Element Out减少不透明度

1 个答案: