如何刪除兩個對角線css斜角三角形之間的線？

Question

我用：

http://apps.eky.hk/css-triangle-generator/

而產生被對角放置彼此相對的兩個不等邊三角形的CSS：

左下三角

width: 0px; 
height: 0px; 
border-style: solid; 
border-width: 317px 0 0 512px; 
border-color: transparent transparent transparent #007bff; 

右上三角形

width: 0px; 
height: 0px; 
border-style: solid; 
border-width: 0 0 317px 512px; 
border-color: transparent transparent #007bff transparent; 

在這個測試中的jsfiddle不過，似乎有兩個三角形之間的線或間隙，我一直沒能擺脫它：

http://jsfiddle.net/rwone/MB5Lt/4/

編輯

解決方案似乎是使兩個三角形的寬度爲514px，即使容器是512px。

Answer 1

一個解決方案是給一個三角形帶有與邊框顏色相同的值的背景色（在本例中爲#007bff）。然後在Javascript函數中，在開始動畫之前快速刪除背景顏色。

Updated fiddle。