Белый шум на JS

Решение не требует дополнительные плагины или библиотеки и умещается всего в 30 строчек кода.

Пример:

Телевизор я добавлять не стал, его можно поискать в интернете по своему вкусу или использовать этот шум в других целях.

HTML:

CSS:

JS:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Жека:

    Классная штука, но я начинающий сайтодел 🙁 и никак не могу прикрутить сию красоту к фону сайта … Помогите!!!

    Ответить
      • Жека:

        Спасибо. Ушел разбираться.

        Ответить
  • Иван:

    А можно ли его сделать полупрозрачным? И как, если можно?

    Ответить
    • Alexander:

      CSS

      .noisy-bg {
          background: url(background.jpg);
          background-size: cover;
      }	
      #noisy-canvas {
          width:100%;
          height: 300px;
          opacity: 0.5;
      }

      HTML

      <div class="noisy-bg">
          <canvas id="noisy-canvas"></canvas>
      </div>
      Ответить
      • Иван:

        Благодарю, то что надо!

        Ответить