@Freeman34

Как изменять размер элемента при наведении на его край курсора мыши?

Делаю тестовое задание, в котором необходимо создать 5 разноцветных блоков и при наведении на их край необходимо, чтобы курсор стал двухсторонним, как бы один край стрелки смотрел вверх, а другой вниз. А так же вправо и влево, если мы ухватились за правую или левую сторону элемента.

И чтобы курсор ДВОЙНЫМ становился ТОЛЬКО при наведении на границу элемента.
Т.е., чтобы, когда курсор был внутри элемента и за его пределами становился обычным.

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

Как это сделать? Drag'n'Drop ? События мыши?
Если да, то какие события?

Пока нет конкретных идей, как это реализовать.

Сможете помочь?

С меня благодарность.
  • Вопрос задан
  • 255 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега JavaScript
Верставший фронтендер
окей яндекс: custom resizable element
https://habr.com/ru/articles/321612/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы