МОДЫ xF2 - Xmas time! Snow animation header | Территория возможностей 💥

Совместимость с XenForo

Измените свой заголовок на красивый с анимацией снега.
Пример:

Загрузите изображения и поместите их в папку images / snow.
Самый простой способ создать этот заголовок - использовать рекламу (звучит смешно, я знаю)

Сначала вам нужно создать новую (или отредактировать существующую) рекламу. (/admin.php?реклама/)
Я выбрал "Контейнер для хлебных крошек (вверху): вверху".
Добавьте следующее в HTML:

HTML:

<style>

#header{

    background-image: url('/images/snow/s1.png'), url('/images/snow/s2.png'), url('/images/snow/s3.png');

    width: 100%;

    z-index:1;

    -webkit-animation: snow 10s linear infinite;

    -moz-animation: snow 10s linear infinite;

    -ms-animation: snow 10s linear infinite;

    animation: snow 10s linear infinite;

}

@keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}
</style>

Реакции: Binkaddas

Мы ценим вашу конфиденциальность