如何在进出时边界半径的特定角落动画？ （Firefox）

Question

我知道如何为Webkit浏览器做到这一点，但我有点卡在Firefox中。下面的代码只是对左上角进行动画制作，而其余的只是插入位置。

这里是我的代码：

$('img').hover(function(){ 
     $(this).animate({MozBorderRadius: '50px 50px 0px 0px'}, 900); 
    },function(){ 
     $(this).animate({MozBorderRadius: '25px 25px 0px 0px'}, 900); 
}); 

Answer 1

貌似问题是，你使用的是有一个定义的所有四个角落的快捷，当你需要单独定义它们

尝试了这一点：

$('img').hover(function(){ 
    $(this).animate({ 
     "MozBorderRadiusTopleft": '50px', 
     "MozBorderRadiusTopright": '50px' 
    }, 900); 
},function(){ 
    $(this).animate({ 
     "MozBorderRadiusTopleft": '25px', 
     "MozBorderRadiusTopright": '25px' 
    }, 900); 
}); 

Answer 2

MozBorderRadius是我不熟悉的属性，也许它已经过时？改为使用-moz-border-radius。