Css realizes the switching effect of tab frame

clipboard.png
as shown in the figure: if you want to write such a switch effect in css, the border will move to which side if you click on the option. Specific effect:
https://doc.vux.li/zh-CN/comp.
recording dynamic picture is always unable to save, excuse me.
ask God css to give me some advice.

Css
Mar.02,2021

is similar to tab switching and page sliding effect.
you can google it
helps you find one:
tab Animation


add events to each tab, clear all active classes when you click, and then add active classes to the current tab. The active here is the style of the active state


there is a div, at the bottom where there is a yellow span, that clicks the tab tag once, and the div moves once.
.png

I don't know how to write

Vue. I've written a demo

.

would you like to refer to this? incredible pure CSS navigation bar underline following effect

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31847-2bd93.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31847-2bd93.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?