ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Фон сайта с эффектом рябь на воде HTML5

Фон сайта с эффектом рябь на воде HTML5

Фон сайта с эффектом рябь на воде HTML5
Необычный по своей оригинальностью фон сайта, который создан на HTML5, где вместо стандартного фона, будет производиться рябь на воде. Что походит как на светлый и темный сайт, сам эффект будет автоматически идти, но даже если вы кликом проведите, то он будет вам виден, что красиво смотрится.

Если кто установить на сайт, который имеет фиксированную ширину, то визуально будет уникально. Сам фоновый рисунок может быть как черного цвета, так и на белой пелене. здесь уже нужно самому файле настраивать. Также вам будет предоставлена демонстрация, чтоб понять как все происходит, и вообще как может смотреться такой эффект на портале.

Приступаем к установке:

1. Нужно скачать архив, и распечатать его и что рам находиться, закинуть файловый менеджер, в папку js.

2. Потом вам нужно выбрать страницу, где будет этот эффект и установить код после < /head > на той странице. что выбрали.

Код
<script type="text/javascript" src="/js/jquery.ripples.js"></script>  
  <script>  
  $(window).load(function(){  
  $('body').ripples({  
  resolution: 512,  
  dropRadius: 20, //px  
  perturbance: 0.04,  
  });  
  });  
  </script>

Чтоб понятно было, то переходим на DEMO и смотрим как реально по умолчанию идет.
01 Июня 2017 Загрузок: 8 Просмотров: 2758 Комментариев: (1)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 1
tsakonter
tsakonter 01 Июня 2017 01:041
0
Красиво смотрится как на темном и на светлом фоне.
avatar