jQuery的动画边框半径

Question

我有一个动画border-top-left-radius风格的问题。我通过分别输入两个长度值来使用这种风格。

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

我想通过jquery.animate()分别增加这两个长度值。

有没有办法做到这一点？

Answer 1

border-left-left-radius只接受一个值吗？所以，你会制作动画，如：

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

编辑

---

不知道的jQuery supporst此开箱。也许你可以实现一步的回调是这样的：

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

http://jsfiddle.net/YWsQn/1/