- Эффект реагирует на движение курсора мыши
- Фон для анимации задается на CSS
HTML:
1 |
<div id="bg-48"></div> |
CSS:
1 2 3 4 |
#bg-48 { height: 500px; background: #000; } |
JS:
- Подключаем библиотеку three.min.js
- Подключаем скрипт: bg-48.js
- В скрипте используется текстуры
bg.jpg,
water.jpg и
star.png, путь к папке с этими файлами прописывается в переменной
srcBase
Найдено на codepen.io у пользователя Rainner Lins
Библиотека three.js
Добавить комментарий: