枠をずらしたCSS見出しデザイン

「before」疑似要素で「border」をずらし、「transform:rotate」で枠と回転させています。
背景カラーにより色を調整してください

素材:pixabay

関連パーツ