jquery - .css() 中的多个转换

Question

我正在尝试将多组转换转换为一个 jQuery CSS 对象。在 CSS 中，我会这样写:

CSS

transition:
    opacity 600ms cubic-bezier(.4, 0, .2, 1),
    -webkit-transform 350ms cubic-bezier(.4, 0, .2, 1),
    transform 350ms cubic-bezier(.4, 0, .2, 1);

但是正如您在下面看到的，这在 jQuery 中不起作用，我猜是因为逗号 ','？

jQuery

$('.current-slide').css({
    'transition':
        'opacity 600ms cubic-bezier(.4, 0, .2, 1),
        -webkit-transform 350ms cubic-bezier(.4, 0, .2, 1),
        transform 350ms cubic-bezier(.4, 0, .2, 1)',
    'opacity': '0',
    'z-index': '1',
    '-webkit-transform': 'scale(.8) translateY(0)',
    'transform': 'scale(.8) translateY(0)'
});

试图在网上找到有关此问题的一些有用信息，但找不到任何信息。谢谢!

Answer 1

下面是尝试这段代码的解决方案

$('.current-slide').css({
    'transition': 'opacity 600ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 350ms cubic-bezier(.4, 0, .2, 1),transform 350ms cubic-bezier(.4, 0, .2, 1)',
    'opacity': '0',
    'z-index': '1',
    '-webkit-transform': 'scale(.8) translateY(0)',
    'transform': 'scale(.8) translateY(0)',
});

不要刹车..