如何在高分辨率下刪除由剪輯路徑顯示的線

在創建剪輯路徑以遮蔽圖像的一部分而留下向下指向的箭頭後，我在高分辨率屏幕上或在放大時獲得此細線一個普通的屏幕。如何在高分辨率下刪除由剪輯路徑顯示的線

這裏是剪輯路徑的CSS：

.clearflowptr { 
    margin-bottom: 40px; 
    margin-top: 40px; 
    background: white; 
    height: 50px; 
    width: 100%; 
    -webkit-clip-path: polygon(0 0, 46% 0, 50% 100%, 54% 0, 100% 0, 100% 100%, 0 100%);

的margin-bottom和margin-top只需添加間距的元素。我試圖玩padding，但無濟於事。

任何幫助表示讚賞。謝謝

來源

2017-01-03 Junior

如果不是要求，你可以試試這個，而不是使用clip-path。

div{ 
 
    background-color: #0b8192; 
 
    width: 100%; 
 
    height: 15px; 
 
    position: relative; 
 
} 
 

 
div:after{ 
 
    content: ''; 
 
    width: 0px; 
 
    height: 0px; 
 
    border: 40px solid #0b8192; 
 
    position: absolute; 
 
    top: 100%; 
 
    left: 0; 
 
    right: 0; 
 
    margin: auto; 
 
    border-right-color:transparent; 
 
    border-left-color:transparent; 
 
    border-bottom-color:transparent; 
 
}

<div> 
 

 
</div>

來源

2017-01-03 09:36:33

如何在高分辨率下刪除由剪輯路徑顯示的線

回答

相關問題