2013-06-30 3 views
0

Я хочу использовать jQuery, чтобы медленно исчезать в тени вставки.
Я не хочу использовать переход css3, поэтому, пожалуйста, не предлагайте его.jQuery медленно исчезает в inset boxshadow

Мой 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'); 
    }); 
}); 
+1

http://stackoverflow.com/questions/4133366/correct-way-to-animate-box-shadow-with-jquery Принятый ответ уместен здесь – Dormouse

+0

Вы можете по этой ссылке: Http: // stackoverflow.com/questions/4133366/correct-way-to-animate-box-shadow-with-jquery –

ответ

-1

Вы можете использовать .animate вместо .css. Возможно, это не сработает, поскольку вы применяете функцию -animate для теневой тени, поэтому вы можете использовать плагин анимирования box-shadow для работы через браузер.

+0

'.animate()' только оживляет значения сакалярных (числовых) значений. Увидев, что «box-shadow» не обладает свойствами «руки», это невозможно. – Bojangles

Смежные вопросы