Перейти к содержимому


Новогоднее Оформление С Анимацией Падения Снежинок

снежинки новый год оформление елка украшение анимация

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Foxis_10

Foxis_10

    Продвинутый пользователь

  • Модераторы
  • 65 сообщений

Отправлено 24 Декабрь 2020 - 14:06

В шаблоне HTML найдите код

<body class="{% IF index_page %}index{% ENDIF %}">
<div class="wrapper">

замените на

<body class="{% IF index_page %}index{% ENDIF %}">
<!--Новогоднее оформление скрипт-->
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
new Snowflakes();
</script>
<!--Конец Новогоднее оформление скрипт-->
<div class="wrapper">
<!--Новогоднее оформление-->
<picture class="header-tree">
<source media="(min-width: 992px)" srcset="/design/header-top-bg.png">
<source media="(max-width: 991px)" srcset="/design/header-top-bg-mobile.png">
<img src="/design/header-top-bg.png" alt="header-bg" style="width: 100%">
</picture>
<!--Конец Новогоднее оформление-->



Для более детального внешнего вида снежинок замените этот код

<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
new Snowflakes();
</script>

на этот и укажите свои значения

<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
var sf = new Snowflakes({
color: '#f00', // Default: "#5ECDEF"
container: document.querySelector('#snowflakes-container'), // Default: document.body
count: 100, // 100 snowflakes. Default: 50
minOpacity: 0.1, // From 0 to 1. Default: 0.6
maxOpacity: 0.95, // From 0 to 1. Default: 1
minSize: 20, // Default: 8
maxSize: 50, // Default: 18
rotation: true, // Default: true
speed: 2, // The property affects the speed of falling. Default: 1
wind: false, // Without wind. Default: true
width: 500, // Default: width of container
height: 250, // Default: height of container
zIndex: 100 // Default: 9999
});
</script>

Скачайте изображения веточек файл zip.zip

Прикрепленные изображения

  • фото.PNG

Прикрепленные файлы

  • Прикрепленный файл  zip.zip   143,16К   45 Количество загрузок:






Темы с аналогичным тегами снежинки, новый год, оформление, елка, украшение, анимация

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных