javascript - 在 JQuery 中添加变换 (rotateZ) 和左动画

Question

打开信闭包后，JSFiddle 中的粉红色纸张应该旋转并向左移动。如何在 JQuery 中添加另一个动画(变换 rotateZ 和左)？ (您也可以添加 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

虽然您的问题不清楚您可以使用将 css 添加到 etha 类，以便它通过 transition css 属性翻转更改，即:

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