CSSタイトルの三角形の底の形状

Question

これは、CSSでそのようなタイトルのスタイルを作成するために乱闘します。誰かが私を助けることができますか？

Answer 1

全く可能CSS次

.content::after{ 
    content: ""; 
    background: #fff; 
    transform: skewY(10deg); 
    width: 50%; 
    height: 80px; 
    position: absolute; 
    left: 0; 
    top: 75px; 
} 
.content::before{ 
    content: ""; 
    background: #fff; 
    transform: skewY(-10deg); 
    width: 50%; 
    height: 80px; 
    position: absolute; 
    right: 0; 
    top: 75px; 
} 

.content{ 
    width:100%; 
    height:75px; 
    background:#fff; 
    overflow:hidden; 
    padding:20px; 
} 

あなたはさまざまな画面サイズでそれをチェックして、あなたがしたいあるべき後の高さであり、この場合のコンテンツクラスの要素 前に要素を微調整する必要があります追加三角形