最初の文字の背景を流体シェイプにしたCSS見出しデザイン

first-letter疑似要素で最初の文字の背景を流体シェイプ風に。 形やカラーやを変える場合は「border-radius」「background-image」プロパティを調整してください。

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

素材:pixabay