Разработка - Поздравления деда мороза в SVG | Все для вебмастера

Так как код HTML весьма большой там написано многое в svg мы его пропустим, его можно будет посмотреть в файле укажем только фрагмент, который отвечает за текст и который наверняка каждый захочет изменить:

HTML:

<text id="look" x="300" y="270" class="txt" dx="0,2,2,2,2,2,2,2,2,0,0,2,0,0,2,2,2,2,2,0,0,0" dy="0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0" rotate="0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0">
  С новым
  </text>
  <text id="look2" x="300" y="270" class="txt hidden" dx="0,2,2,2,0,0 2,2,2,0,0,0" dy="0,0,0,0,0,0,0,0,0,0,0,0" rotate="0,0,0,0,0,0,0,0,0,0,0,0">
    2019 годом !
  </text>

Далее пишем CSS:

CSS:

body{
  background-color:#1d1f20;
}
body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#container{
  max-width:900px;
  width:100%;
  overflow:hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

Пишем jquery:

JavaScript:

// Audio Player
var audio;

function initAudioPlayer(){
       audio = new Audio();      audio.src="http://144.217.195.24:9035/;stream/1";
       audio.loop = true;
       audio.play();
}
window.addEventListener("load", initAudioPlayer);

Смотрим получившийся результат:

Разработка Поздравления деда мороза в SVG

Ещё ресурсы от baltun