用于设置边界半径动画的jQuery

我在设置<代码>边框左上半径样式的动画时遇到问题。我通过分别输入两个长度值来使用此样式

border-top-left-radius: 15px 25px;

我想通过

jquery.animate（）

分别增加这两个长度值

---

有没有办法做到这一点？

边框左上角半径只接受一个值，对吗？因此，您可以将其设置为动画，如下所示：

$('.class').animate({borderTopLeftRadius: 20})

编辑

---

不确定jQuery是否支持这种开箱即用的方式。也许您可以这样实现步骤回调：

$('#container').animate({
    borderTopLeftRadiusSideLength: 500,
    borderTopLeftRadiusUpperLength: 50
}, {
    duration: 5000,
    step: function (val, context) {
        $(this).data(context.prop, val);
        var side = $(this).data('borderTopLeftRadiusSideLength');
        var upper = $(this).data('borderTopLeftRadiusUpperLength');
        if (side && upper) {
            $(this).css('borderTopLeftRadius', side + 'px ' + upper + 'px');
        }
    }
});

---

您试过将这些作为字符串吗？您所说的分开是什么意思？一个接一个，或者好像他们完全独立，被两个彼此不说话的东西控制着？是的，我试过了，但没有成功。问题是，我不知道如何分别访问这两个属性。设置borderTopLeftRadius时，会将两者都设置为一个特定值。我需要像borderTopLeftRadiusUpperLength和borderTopLeftRadiusSideLength这样的东西。同时。我可以使用html5转换，但一个div有32个不同的值，我不想定义32个不同的类。不，它接受两个，它可以使用椭球的圆弧，而不仅仅是一个完美的圆。这也是我建议的。他已经在上面了。我想看看结果。谢谢你们。似乎除了在step函数中实现这一点之外，没有其他方法。我通过将duration除以jQuery.fx.interval来计算步长计数，并相应地增加样式值。