Неоновое свечение, реагирующее на курсор с использованием HTML5 Canvas
Неоновый свет, который плавно перемещается по экрану и реагирует на курсор мышки. О чём ещё можно мечтать?
Для начала посмотрите ДЕМО
Установка:
1#: В самый низ вашего CSS вставьте:
1 2 3 4 5 6 7 |
#world { position: absolute; left: 0; top: 0; height: 100vh; width: 100%; } |
2#: Следующий код поместите сразу после тега body на нужных страницах:
1 2 |
<div id="world"><canvas id='sky' width='500' height='500'></canvas></div> <script type="text/javascript" src="/js/neon_light.js"></script> |
Осталось лишь залить JS файл из прикреплённого архива в папку js