Jak osiągnąć takie efekt?

Question

Jak osiągną taki efekt jak na stronie https://helloroman.pl gdy najade np. na button sklep, to border się przesuwa na dół i w lewo? Próbowałem już :hover razem z ::after, ale mi się glitchuje i tak przeskakuje caly czas :/.

Bardzo zależy mi na takim efekcie przesuwania borderu, ponieważ mi się to podoba i chciałbym wiedzieć jak to zrobić.

Z góry dziękuję za pomoc.

Comments

Tak jak napisał @rafal.budzis;

wystarczą narzedzia F12

jeżeli mimo wszystko, z jakiś powodów Tobie znanych "nie ogarniasz F12"  
zajrzyj tutaj.

Answer 1

Masz tam gotowy kod wystarczą narzedzia F12.

Aby zrobić płynnie przejście zwróć uwage na transition.

Aby nie skakało (zeby przycisk nie uciekł spod kursora) element graficzny możesz dać na pointer-events:none lub określić z-index.

Answer 2

Spróbuj TailwindCSS :) 
Całkiem ciekawie się używa i jak nauczysz się klas to wszystko jest prostsze :)

Tutaj masz link do tego co chciałbyś osiągnąć: https://play.tailwindcss.com/1ggZQta2Th