С помощью этого плагина jQuery вы можете расширить функцию анимации для поддержки свойства теневого окна CSS. Вы можете реанимировать цвет, также смещение радиуса размытия и безусловно распространения. Интересное приложение на плагин, с помощью которого веб мастер может придать элементам более реальный оттенок тени.
Приступаем к установке:
Скачиваем архив с папками js и стиль CSS и закидываем файловый менеджер.
После /head на нужных страницах вставляйте:
Код
<link href="/css/demo.css" rel="stylesheet">
Далее в самый низ после /body вставляйте:
Код
<script src="/js/jquery.animate-shadow-min.js"></script>
Устанавливаем там, где вам нужно, вообщем по месту, где будут присутствовать блоги с реалистичным оттенком.
Код
<div id="box1" onmouseover="$('#box1').stop().animate({shadow: '0 0 30px #44f'})" onmouseout="$('#box1').stop().animate({shadow: '0 0 10px #000'})">mouse over</div>
<div id="box2" onmouseover="$('#box2').stop().animate({shadow: '0 0 50px'}, 'fast')" onmouseout="$('#box2').stop().animate({shadow: '0 0 0'}, 'fast')">mouse over</div>
<div id="box3" onmousedown="$('#box3').stop().animate({shadow: '3px 3px 3px', top: 3}, 'fast')" onmouseup="$('#box3').stop().animate({shadow: '10px 10px 15px', top: 0}, 'fast')">click me</div>
[info]Как рекомендация, что нужно изначально внимательно изучить код, чтоб потом можно было применить на другие объекты на ресурсе. И не забываем, что у каждой анимации идет индивидуальная настройка.[/info]
