如何在jQuery中为分区内的box-shadow制作动画

时间:2016-09-22 08:47:41

标签: jquery

我正在研究Carousel。它在分区内,因为我需要在分区内设置阴影,我想为分区内的阴影设置动画,因为我想要 但是当我应用于分部外部时,boxShadow动画正在工作 但是当我将它应用到内部阴影时,它不起作用。

$("#"+index).animate({ boxShadow : "200px 0px 80px 30px #ffffff"
},1000);

上面的代码正在运行

但是

$("#"+index).animate({ boxShadow : "inset 200px 0px 80px 30px #ffffff"
    },1000);

这不起作用

我不知道发生了什么

1 个答案:

答案 0 :(得分:0)

为什么不使用css animation dude?

简单只需添加

transtion: box-shadow 1s ease-in;

或者如果你想连续运行动画,只需使用关键帧 http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp