Анимация на JS. Эффект курсора мышки

122
17 июля 2021, 15:10

Всем здравствуйте. Подскажите пожалуйста, как можно сделать такую анимацию на сайте, как на скриншоте: http://prntscr.com/p4tzv3 Что бы когда водишь мышкой, область возле курсора убирала затемнение области сайта. Или хотя бы в какую сторону копать. Заранее благодарен.

Answer 1

Как-то так?

addEventListener('mousemove', e =>  
  document.body.style.setProperty('--xy', e.x + 'px ' + e.y + 'px'))
body { 
  overflow: hidden; 
  height: 100vh; 
  --xy: -150px -150px; 
  background: radial-gradient(circle at var(--xy), #0000, #000f 30vh), 
              url(https://picsum.photos/id/34/1000/1000); 
}

READ ALSO
Как избежать цикла в цикле?
javascript

Как избежать цикла в цикле?

Разрабатываю, казалось бы, простую вещь, как электронное расписание парЦель: при выборе верхней/нижней недели - скрывать соответствующие...

 294
Обработчики событий js
javascript

Обработчики событий js

Использую плагин sly js для горизонтального скроллинга элементовЕсть такая вёрстка (просто как пример):

 236
Закрыть несколько вкладок сразу
javascript

Закрыть несколько вкладок сразу

Ребята, возникла огромная проблема, допустим, есть главная страница, с этой страницы открыли еще одно окно(в новом окне соответственно), а с новой...

 208
Вывод количества оставшихся для ввода символов
javascript

Вывод количества оставшихся для ввода символов

Дано 160 символовЕсли писать кириллицей - 70, а латиницей 160

 170