CSSのみでリボン付き見出しデザイン

前回の記事のひとつめを応用して、CSSでかんたんなリボン付きの見出しをデザインしてみます。
counter-incrementなんかと組み合わせれば、ランキングの表示にも使えますね。

See the Pen CSSのみでリボン付き見出し by natsumi (@mayo31) on CodePen.18228

前回の記事はこちら
CSSのみで三角形！リストに使える矢印アイコン