Javascript JQuery：添加类后淡出？

我试图在添加一个类后淡出一个图像，但出于某种原因，它似乎避免了转换，并在没有转换的情况下消失

我试图添加的类只是一个倾斜90度的类

下面是我的JSFIDLE，以查看它的实际应用：

这是我的密码：

HTML Javascript

---

看起来需要在图像而不是div上进行淡入淡出。现在您的div正在淡入淡出，然后设置为显示：无；所以你需要淡出图像

$(document).ready(function () {
    $('#logo').hide().delay(250).fadeIn(1000);
    $('#other').hide().delay(750).fadeIn(1000);

    $("#logo").click(function() {
            $('#logo').addClass("tilt");
            $('#logo').find('img').fadeOut(2000);
    });
});

---

看起来需要在图像而不是div上进行淡入淡出。现在您的div正在淡入淡出，然后设置为显示：无；所以你需要淡出图像

$(document).ready(function () {
    $('#logo').hide().delay(250).fadeIn(1000);
    $('#other').hide().delay(750).fadeIn(1000);

    $("#logo").click(function() {
            $('#logo').addClass("tilt");
            $('#logo').find('img').fadeOut(2000);
    });
});

---

我采用了一种不同的方法，在CSS转换中增加了不透明度。你可以在这里看到：我确实必须添加

重要的
才能让它注册，我知道这并不完全正确。我认为通过一些调整，你可以做得比我更好。
我采用了不同的方法，并为CSS转换添加了不透明度。你可以在这里看到：我确实必须添加
重要的
才能让它注册，我知道这并不完全正确。我想通过一些调整，你可以做得比我更好。
正是我想要的。感谢您解释为什么它不工作以及如何修复它。谢谢你的帮助！正是我想要的。感谢您解释为什么它不工作以及如何修复它。谢谢你的帮助！
$(document).ready(function () {
$('#logo').hide().delay(250).fadeIn(1000);
$('#other').hide().delay(750).fadeIn(1000);

$("#logo").click(function() {
        $('#logo').addClass("tilt").fadeOut(2000);
});
});

$(document).ready(function () {
    $('#logo').hide().delay(250).fadeIn(1000);
    $('#other').hide().delay(750).fadeIn(1000);

    $("#logo").click(function() {
            $('#logo').addClass("tilt");
            $('#logo').find('img').fadeOut(2000);
    });
});