枠線と変形させてずらしたCSS見出しデザイン

before、after疑似要素に「transform: skew」を指定し背景を枠線にくぐらせたようにしています
Photo by byunilho on pixabay

関連パーツ