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

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

画面内の文字は直接編集できます。

素材:pixabay