beforeに対してtransformをかけて実装しました。 DEMO HTML <div class="wrapper"> <section class="red"> <h1>RED</h1> <p>sectionをななめに分割します。</p> </section> <section class="blue"> <h1>BLUE</h1> <p>sectionをななめに分割しときます。</p> </section> <section class="purple"> <h1>PURPLE</h1> <p>sectionをななめに分割してます。</p> </section> </div>