jQuery 慢慢淡入 inset boxshadow [重复]

Posted 2023-05-08

【中文标题】jQuery 慢慢淡入 inset boxshadow [重复]

【英文标题】：jQuery slowly fade in inset boxshadow [duplicate]

【发布时间】：2013-06-27 15:40:35

【问题描述】：

我想用 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' );
    );
);

【问题讨论】：

***.com/questions/4133366/… 接受的答案在这里是合适的

你可以关注这个链接***.com/questions/4133366/…

【参考方案1】：

您可以使用 .animate 代替 .css。 当您将 .animate 函数应用于 box-shadow 时，它可能不起作用，因此您可以使用 box-shadow 动画插件跨浏览器工作。

【讨论】：

.animate() 仅对 sacalar（数字）值进行动画处理。看到box-shadow 没有速记属性，这是不可能的