我試圖創建一個自定義的底部邊框滑塊。角狀材料有這種現成的,但PrimeNG沒有。
動畫應該是一個簡單的從左到右或從右到左的邊框底部滑動,這取決于之前選擇的選項卡。
我試著用過渡來實現一些東西,但是我不能讓邊框滑動:
.p-tabview-nav-link {
transition: border-bottom 200ms ease-out;
}
.p-tabview-nav-link[aria-selected~="true"] {
transition: border-bottom 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
我不知道如何做這件事。