選項卡樣式的靈感不是4個選項卡

Question

正常工作您好，我從一個選項卡樣式的啓示[Codrope] [1]

但每個標籤有5個選項卡，它工作正常，但每當我試圖刪除5一個，並保持4個選項卡作爲我的要求，所以拖動底部邊框不起作用！

請誰能給我要我的標籤，我怎麼能保持標籤的最佳解決方案

這裏是我的源像請將其生活

<a href="http://codepen.io/fazurrehman/pen/ONRmwN">See here my demo on codepen.io</a>

Answer 1

的問題，你已在css的Move the line

之前：

/* Move the line */ 
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-400%,0,0); 
    transform: translate3d(-400%,0,0); 
} 

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-300%,0,0); 
    transform: translate3d(-300%,0,0); 
} 

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-200%,0,0); 
    transform: translate3d(-200%,0,0); 
} 

.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-100%,0,0); 
    transform: translate3d(-100%,0,0); 
} 

後：

/* Move the line */ 
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-300%,0,0); 
    transform: translate3d(-300%,0,0); 
} 

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-200%,0,0); 
    transform: translate3d(-200%,0,0); 
} 

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before { 
    -webkit-transform: translate3d(-100%,0,0); 
    transform: translate3d(-100%,0,0); 
}