Хорошо оформленный зимний пейзаж, который можно разместить например в объявлении для поздравления пользователей, если использовать z-index, тогда можно будет поверх пейзажа разместить и текст с поздравлением. Первую часть HTML с SVG мы пропустим она весьма большая и перейдем сразу к CSS:
Напишем jquery для звука:
И смотрим наш результат:
CSS:
body{
background-color:#1d1f20;
}
body, html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.container{
max-width:1150px;
width:100%;
overflow:hidden;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
#svg{/*IE fix*/
width:100%;
padding-bottom: 53.1%;
height: 1px;
overflow: visible;
visibility:hidden;
}
JavaScript:
// Audio Player
var audio;
function initAudioPlayer(){
audio = new Audio();
audio.src="http://144.217.195.24:9035/;";
audio.loop = true;
audio.play();
}
window.addEventListener("load", initAudioPlayer);