Телеграмм чат группы js

2020 November 14

G

Ты бы код показал лучше

$(document).on("mousemove", function(e) {
mouseX = e.pageX;
mouseY = e.pageY;

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')
});

источник

21:43пожаловаться #1

G

Get_RiGhT in JS Liberty

Get_RiGhT

$(document).on("mousemove", function(e) {
mouseX = e.pageX;
mouseY = e.pageY;

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')
});

вот этот код именно

источник

21:44пожаловаться #2

G

Get_RiGhT in JS Liberty

Get_RiGhT

$(document).on("mousemove", function(e) {
mouseX = e.pageX;
mouseY = e.pageY;

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')
});

:root {
--cursorX: 50vw;
--cursorY: 50vh;
}
в css

источник

21:44пожаловаться #3

DE

Denis Efremov in JS Liberty

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')

Так не делай

источник

21:50пожаловаться #4

DE

Denis Efremov in JS Liberty

Скажи по какой причине ты не хранишь эти значения в переменных?

источник

21:51пожаловаться #5

G

Get_RiGhT in JS Liberty

Denis Efremov

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')

Так не делай

что именно хранить в этом случае?

источник

21:52пожаловаться #6

DE

Denis Efremov in JS Liberty

Get_RiGhT

что именно хранить в этом случае?

То же самое, просто где?

источник

21:52пожаловаться #7

G

Get_RiGhT in JS Liberty

Denis Efremov

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')

Так не делай

возможно я этот скрипт просто уберу

источник

21:52пожаловаться #8

DE

Denis Efremov in JS Liberty

Get_RiGhT

возможно я этот скрипт просто уберу

Зачем тебе значения в атрибуте style?

источник

21:53пожаловаться #9

G

Get_RiGhT in JS Liberty

Denis Efremov

Зачем тебе значения в атрибуте style?

background: radial-gradient(circle 10vmax at var(--cursorX) var(--cursorY),
rgba(0,0,0,0) 0%,
rgba(0,0,0,0.1) 80%,
rgba(37,37,37, 1) 100%,
);

источник

21:53пожаловаться #10

G

Get_RiGhT in JS Liberty

для него

источник

21:53пожаловаться #11

DE

Denis Efremov in JS Liberty

Я бы сделал градиент и двигал бы его 3d трансформом

источник

21:55пожаловаться #12

DE

Denis Efremov in JS Liberty

mousemove уже имеет нужные значения

источник

21:55пожаловаться #13

DE

Denis Efremov in JS Liberty

А курсор такой не сделать никак?

источник

21:56пожаловаться #14

G

Get_RiGhT in JS Liberty

это как получается?

источник

21:58пожаловаться #15

G

Get_RiGhT in JS Liberty

Denis Efremov

document.documentElement.style.setProperty('--cursorX', mouseX + 'px')
document.documentElement.style.setProperty('--cursorY', mouseY + 'px')

Так не делай

но от такого подхода полностью отказаться нужно да?

источник

21:58пожаловаться #16

DE

Denis Efremov in JS Liberty

Get_RiGhT

это как получается?

https://codepen.io/denis_efremov/pen/RwRvBME

источник

22:12пожаловаться #17

G

Get_RiGhT in JS Liberty