Так как код HTML весьма большой там написано многое в svg мы его пропустим, его можно будет посмотреть в файле укажем только фрагмент, который отвечает за текст и который наверняка каждый захочет изменить:
Далее пишем CSS:
Пишем jquery:
Смотрим получившийся результат:
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:
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%);
}
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);