Javascript 添加变换（rotateZ）&；JQuery中的左动画

打开信封盖后，信封中间的粉红色纸张应旋转并向左移动。如何在JQuery中添加另一个动画（transform rotateZ&left）？（您也可以添加CSS。）

以下是JQuery：

$(function () {
    $('.alpha').removeClass('nodelta').addClass('delta');
    $('.alpha.delta').click(
            function () {
                $(this).find('.beta').addClass('etha');
            }
    );
});

---

对代码进行如下更改，就是这样

$(function () {
    $('.alpha').removeClass('nodelta').addClass('delta');
    $('.alpha.delta').click(
        function () {
            $(this).find('.beta').addClass('etha');
            setTimeout(function(){
                $('.fbl').css({"transform":"rotateZ(90deg)","left":"0"});
            },300);
        }
    );
});

---

虽然您的问题不清楚，但您可以使用“将css添加到etha类”，这样它就可以使用

转换

css属性滚动更改，即：

.etha{
    transform: rotateZ(0deg) !important;
    left: 0;
    transition: all 2s;
}