コンテンツ間にCSSシェイプディバイダを作成する

Question

どのようにWordPressでそのようなセクションを作成できますか？対角線に適応する黒と白の両方のセクションの内容を持っていますか？

Answer 1

あなたはCSSのクリップパスを使用することができます。また、このWebサイトを使用してクリップパスを生成することもできます。

http://bennettfeely.com/clippy/

#mydiv{ 
 
height:200px; 
 
width:400px; 
 
background-color:red; 
 
-webkit-clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); 
 
clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%); 
 
}

<div id="mydiv"> 
 
</div>