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

公開日: 2015/01/08
更新日: 2018/10/29

memo.

[markdown]
> * [Ribbon | CSS-Tricks](http://css-tricks.com/snippets/css/ribbon/)
> * [How to Create CSS3 Ribbons Without Images](http://www.sitepoint.com/pure-css3-ribbons/)
> * [アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン / SQUEEZE – Web Design Studio -](http://squeeze.jp/blog/web-design/heading-design-border-css/)
> * [[CSS]h1一つだけでこんなにかわいいレトロ風リボンが実装できるスタイルシート | コリス](http://coliss.com/articles/build-websites/operation/css/css-single-element-pure-css3-double-fold-ribbon.html)
> * [CSSの擬似要素を使った見出しデザイン｜Webpark](http://weboook.blog22.fc2.com/blog-entry-348.html)

こんな感じかな。

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

[/markdown]