Здравствуйте! Помогите пожалуйста разобраться, чисто для себя интересно, любопытство. Как именно устроен такой вот сообразный и интересный код официального сайта браузера waterfox. Речь у некой шапке, где собрана анимация в виде линий. Код просмотрен... но вот не пойму как именно сделано то...

<div class="browser tu_04 sm-hidden"></div>
<canvas class="particles-js-canvas-el" width="1345" height="600" style="width: 100%; height: 100%;"></canvas>

Я так понимаю именно эта часть и отвечает за эту анимацию с линиями, ну талантливо всё сделано честное слово.



Далее элемент найден

element.style {
  width: 100%;
  height: 100%;
}
#welcome #particles canvas, #heading #particles canvas {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-animation: fade-in 4s forwards ease 2.1s;
  animation: fade-in 4s forwards ease 2.1s;
  z-index: 0;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
*, div, input, :before, :after {
  box-sizing: border-box;
}
Inherited from 
#welcome, #heading {
  float: left;
  clear: both;
  width: 100%;
  height: 200px;
  padding: 0;
  background: -webkit-linear-gradient(#2d3054,#B71CC2);
  background: linear-gradient(#1257D3,#5476ab);
  overflow: hidden;
  text-align: center;
}
Inherited from 
body {
  font-family: "museo-sans-rounded","Museo Sans Rounded",sans-serif;
}
Inherited from 
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
Pseudo ::before element
*, div, input, :before, :after {
  box-sizing: border-box;
}
Pseudo ::after element
*, div, input, :before, :after {
  box-sizing: border-box;
}

Если на это то, что найдено основываться внедрить в шапку и в стиль class="particles-js-canvas-el" не работает, что же ещё упущено, для того, чтобы сделать так как изначально работает... Возможно кто-то в курсе, подскажите пожалуйста...

С уважением.

Всю магию выполняет particles js http://codepen.io/VincentGarreau/pen/pnlso

_____________
Mysql, Postgresql, Redis, Memcached, Unit Testing, CI, Kohana, Yii, Phalcon, Zend Framework, Joomla, Open Cart, Ymaps, VK Api

T1grOK

Супер, благодарю!

Копайте в сторону div'чиков и z-index