Как сделать подобную CSS+JS анимацию?

Question

[Tmy15765]

Доброе утро, день, вечер. Прошу помочь сделать анимацию, такую как у hovera любой кнопки на этом сайте https://videinfra.com/
Пример того что такое кнопка ниже

Comments

[Ankhena]

Как сделать

На js получить координаты попадания мышки в зону ссылки.
Спозиционировать туда круглый псевдоэлемент сжатый до 0.
При наведении "расправляете" этот псевдо.

Всё это видно через инструменты разработчика, можете посмотреть там самостоятельно подробнее.

[Tmy15765]

Ankhena, Очень благодарен что уделили мне немного времени, можете ли вы кодом это описать. Я пробовал сделать то что вы говорите, но туплю, я понимаю что это правильный путь но не могу его правильно реализовать.

[Ankhena]

Tmy15765, кодом всё написано в сайте примере.

Я пробовал сделать то что вы говорите, но туплю, я понимаю что это правильный путь но не могу его правильно реализовать.

Всегда можно выложить свои попытки в песочницу типа codepen.io и попросить подсказать, что не так.

Answer 1

[Саид Шукуров]

Просто меняем Background про hover

.btn{
background-color:black;
color:white;
}
.btn:hover{
background-color:white;
color:black;
}