[HTML & CSS General] CSS: リボンスタイルの見出しやラベル

memo.

• Ribbon | CSS-Tricks
• How to Create CSS3 Ribbons Without Images
• アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン / SQUEEZE – Web Design Studio –
• [CSS]h1一つだけでこんなにかわいいレトロ風リボンが実装できるスタイルシート | コリス
• CSSの擬似要素を使った見出しデザイン｜Webpark

こんな感じかな。

See the Pen CSS Ribon by DriftwoodJP (@DriftwoodJP) on CodePen.