jQuery在插图方框阴影中慢慢淡出

Question

我想使用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>

我尝试过的jQuery：

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

Answer 1

您可以使用.animate而不是.css。它可能不起作用，因为您正在将.animate函数应用于长方体阴影，因此您可以使用长方体阴影动画插件在整个浏览器中工作。