let wrapper = document.querySelector('.wrapper'),
background = document.querySelector('.background');
const MASK_SIZE = 75;
wrapper.addEventListener('mousemove', function(e) {
let x = e.clientX,
y = e.clientY;
background.style.cssText = `-webkit-mask-image:
linear-gradient(to bottom, transparent ${y - MASK_SIZE}px, #fff ${y - MASK_SIZE}px ${y + MASK_SIZE}px, transparent ${y + MASK_SIZE}px 100%),
linear-gradient(to right, transparent ${x - MASK_SIZE}px, #fff ${x - MASK_SIZE}px ${x + MASK_SIZE}px, transparent ${x + MASK_SIZE}px 100%);
mask-image:
linear-gradient(to bottom, transparent ${y - MASK_SIZE}px, #fff ${y - MASK_SIZE}px ${y + MASK_SIZE}px, transparent ${y + MASK_SIZE}px 100%),
linear-gradient(to right, transparent ${x - MASK_SIZE}px, #fff ${x - MASK_SIZE}px ${x + MASK_SIZE}px, transparent ${x + MASK_SIZE}px 100%);
`
})
SELECT posts.id_post, posts.text_post, posts.photo, posts.created_at,
users.id_user, users.login, users.name, users.surname, users.avatar,
COALESCE(COUNT(`likes_post`.`id_post`), 0) AS `likes`,
COALESCE(COUNT(`comments`.`id_post`), 0) AS `comms`
FROM `posts`
INNER JOIN `users_connections` ON posts.id_user = users_connections.id_followed
INNER JOIN `users` ON users.id_user = posts.id_user
LEFT JOIN `likes_post` ON `likes_post`.`id_post` = `posts`.`id_post`
LEFT JOIN `comments` ON `comments`.`id_post` = `posts`.`id_post`
WHERE users_connections.id_follower = 2
GROUP BY posts.id_post, posts.text_post, posts.photo, posts.created_at,
users.id_user, users.login, users.name, users.surname, users.avatar
ORDER BY `created_at`
причём пару дней все было хорошо, и что-то видимо случилось что словил такой баг
у меня уже пол года назад такое было - решил простым обновлением до актуальной версии драйвера, сейчас не помогает ни какая версия