枠をずらして背景を変形させたCSS見出しデザイン

「before」疑似要素で「border」をずらし、「border-radius」で枠と背景を変形させました。 背景カラーは「background-color」プロパティで調整可能です。

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

素材:pixabay