jquery box-shadow 未应用

Question

我有这个代码:

$("#my_div").animate({
      "margin-left": "-145px",
      "background-color": "#ffffff",
      "width": "1240px",
      "padding": "6px 6px 6px 6px",
      "border-radius": "6px",
      "box-shadow": "0px 0px 9px #323232",
      "-webkit-box-shadow": "0px 0px 9px #323232"
}, 1000);

但是 box-shadow 和 padding 样式没有应用。 我无法发现错误...

Answer 1

试试这个:

$("#my_div").animate({
      "margin-left": "-145px",
      "background-color": "#ffffff",
      "width": "1240px",
      "padding": "6px 6px 6px 6px",
      "border-radius": "6px",
      boxShadow: "0px 0px 9px #323232", //change here
      paddingTop:'6px',
      paddingLeft:'6px',
      paddingRight:'6px',
      paddingBottom:'6px',
}, 1000);

引用:Correct way to animate box-shadow with jQuery