Зимний пейзаж с SVG

Разработка Зимний пейзаж с SVG

Нет прав для скачивания
Зимний пейзаж с SVG
Хорошо оформленный зимний пейзаж, который можно разместить например в объявлении для поздравления пользователей, если использовать z-index, тогда можно будет поверх пейзажа разместить и текст с поздравлением. Первую часть HTML с SVG мы пропустим она весьма большая и перейдем сразу к CSS:
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;
}
Напишем jquery для звука:
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);
И смотрим наш результат:
1q89.gif
  • Мне нравится
Реакции: dim6461
Автор
baltun
Скачиваний
0
Просмотры
713
Первый выпуск
Обновление
Рейтинг
0.00 звёзд Оценок: 0

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

Назад
Верх Низ