jQuery在插入框阴影中慢慢淡出

我想使用jQuery在插入框阴影中慢慢淡出。
我不想使用css3转换，所以请不要建议

我的html：

<ul class="nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Ingredients</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>

---

可以使用.animate而不是.css。 应用时可能无法正常工作。将“动画”功能设置为“长方体阴影”，以便您可以使用“长方体阴影动画”插件在浏览器中工作。

接受的答案适用于此处，您可以按照此链接进行操作。

。animate（）

仅对sacalar（数值）值进行动画设置。由于

box shadow

没有直接属性，这是不可能的

$(document).ready(function() {
    $('.nav li').fadeIn('1000', function () {
    $(this).css('boxShadow', 'inset', '0px', '0px', '5px', '2px', '#EBEBEB' );
    });
});