Эффект кругов на воде через плагин Droplets на jQuery
1 2 3 4 5 6 7 8 9 10 |
<script type="text/javascript" src="/js/jquery.droplets.js"></script> <script> $(document).ready(function() { $("#boxy").droplets({ maxRadius: 50, dropRate: 10, dropSpreadTime: 2000 }); }); </script> |
2#: В самый низ вашего CSS вставляйте:
1 2 3 4 5 6 7 |
#boxy { position:absolute; height:500px; width:500px; overflow:hidden; z-index:-1; } |
3#: Следующий код в то место, где должен быть блок с эффектом:
1 |
<div id="boxy"></div> |