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/