Создание боковой панели, которая следует за мышью и тянется к ней. ⇐ CSS

[Anonymous]

Недавно я видел эту [боковую панель][1], которая следует за мышью и «тянется» к ней, когда она приближается достаточно близко, и мне интересно, есть ли у кого-нибудь какие-нибудь советы о том, как это реализовать? Я видел это [сообщение][2] с ответом на то, чтобы создать меню, которое следует за мышью, но я не уверен, куда идти дальше. Мне очень нравится, как в этом примере меню как бы «вырастает» туда, где находится мышь, и выходит из прямоугольной боковой панели.
[1]: https://codemyui. com/gooey-sidebar-stretch-menu-concept/
[2]: Скрыть/показать кнопку на боковой панели, которая следует за курсором мыши?


.A {
top:0px;
position:absolute;
width:50px;
height:50px;
border-radius: 50;
border:1px solid blue;
}

var posY;

$(document).mousemove( function(e) {
posY = e.pageY;
$('.A').css({'top': posY});
});


Подробнее здесь: https://stackoverflow.com/questions/790 ... t-to-mouse