Как реализовать эффект при ховере и сортировке блоков?

Question

[make_dev]

Добрый день!
Помогите советом или ссылкой на туториал, как реализовать следующий эффект.
В общем есть у меня таймлайн с эффектом сортировки блоков, количество блоков в котором будет динамическим.


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

Видела когда-то такую реализацию при ховере на меню, но не могу найти:(

Answer 1

[Максим Тимофеев]

А при чем тут hover? Это же drug&drop. Цепляете на перетаскивание добавление класса, к нему в css стили, какие хотите. На картинке я так понимаю просто прозрачность блоку добавляется:
.drug {opacity:0.5;}
Можно конечно и на hover повесить.
.someSelector:hover {opacity:0.5;}

Comments

[make_dev]

Вопрос вобще был не в этом. Эффект прозрачности уже реализован.

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

[Максим Тимофеев]

make_dev: Тогда вероятно стоит уточнить. О чем же вопрос?