Добрый вечер есть сайт https://dmitriyr54.github.io/aquarium/aquarium/dist/. в нём есть секция gallery (вторая

Question

Добрый вечер есть сайт https://dmitriyr54.github.io/aquarium/aquarium/dist/. в нём есть секция gallery (вторая

по счёту).

мне нужно, чтобы при наведении мышкой на картинку она следовала за курсором пользователя. сами картинки по размерам больше их родителей, у которых установлен overflow: hidden (сетка на гриде). но при этом также нужно, чтобы картинка не двигалась дальше, если какая-то её сторона полностью видна (то есть соприкасается с границей родителя). то есть, если верхняя сторона картинки уже видна, не нужно, чтобы она сдвигалась ещё ниже и нарушала внешний вид сетки.

кто-то делал что-то подобное? потому что я даже не знаю как такое загуглить

#css #frontend #html #programming #russian

0

25.12.2022

4 ответов

18 просмотров

его имя роберт полсон 🎰 Автор вопроса

Zahar Avsievich
Зачем гуглить, если можно просто составить алгорит...

хехе если бы я знал как написать алгоритм я бы не обращался за помощью. да и тема откровенно верстальная, не по джсу, хоть и функции разумеется на джс

0

25.12.2022

Zahar Avsievich

его имя роберт полсон 🎰
хехе если бы я знал как написать алгоритм я бы не ...

Ты уже всё сам написал: двигаешь элемент с движением курсора (параллакс) и перестаешь двигать, если одна из граней картинки подошла к граням элемента

0

25.12.2022

Aleksey

Тебе по сути нужно просто слушать событие движения мыши на своих картинках. И в этом событии получать координаты курсора. Дальше вычисляешь его положение относительно твоего блока и прочая математика

0

25.12.2022

Zahar Avsievich · Accepted Answer

Zahar Avsievich

Зачем гуглить, если можно просто составить алгоритм и реализовать его? И вообще это лучше в джс-чат

0

25.12.2022

169 похожих чатов

Добрый вечер есть сайт https://dmitriyr54.github.io/aquarium/aquarium/dist/. в нём есть секция gallery (вторая

4 ответов

Похожие вопросы