Vanta.js
Анимированные фоны веб-сайтов с vantajs.com
Как подключить?
1
Создать Zero block
Создать Zero block и сделать его бесцветным
2
Зайти на vantajs.com
Зайти на vantajs.com и выбрать один из эффектов
3
Скопировать код
Настроить нужный эффект
и скопировать код
и скопировать код
4
Создать HTML блок
Создать HTML блок в Тильде, вставить код и вставить в него id Zero block
Как скопировать ссылку на скрипт?
Пример кода данного эффекта
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.halo.min.js"></script>
<script>
VANTA.HALO({
el: "#rec244094038",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00
})
</script>
