» »

Фон сайта с эффектом рябь на воде 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.06.2017 Загрузок: 1 Просмотров: 389 Комментарий: (1)

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

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

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