2015-10-24 24 views
-2

我試圖在使用邊界半徑之前和之後製作角三角形。但不能正確。怎樣才能使用css3屬性之後和以前的三角形使用

enter image description here

+0

一個簡單的請求的一部分在谷歌可以給你多種解決方案。 – scoolnico

+0

請告訴我們你已經嘗試了什麼(HTML和CSS) –

+1

我已經把它作爲一個複製關閉它,因爲即使斜面在鏈接答案的不同側(邊界半徑較小),方法將是相同。嘗試使用那裏提到的方法,如果您遇到問題,請在您的代碼中編輯問題。 – Harry

回答

0

後的CSS將是,

:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0; 
    border-top: 50px solid transparent; 
    border-bottom: 50px solid transparent; 
    border-left: 30px solid hsla(34,85%,35%,1); 
    position: absolute; 
    top: 50%; 
    margin-top: -50px; 
    left: 100%; 
    z-index: 2; 
} 

這是三角形breadcrumps,您可以在鏈接見下文

CSS Triangle Breadcrumbs

相關問題