在JQuery中添加变换（rotateZ）和左动画

Question

打开信封口盖后，JSFiddle中的粉红色纸张应该旋转并向左移动。如何在JQuery中添加另一个动画（变换rotationZ和向左）？ （您也可以添加CSS。）

这是JQuery：

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

Here's the link to my JSFiddle.

Answer 1

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

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