コピペで簡単！　様々な形のリボンをCSSで作れる「Ribbon Shapes」の紹介

ストライプ柄から漫画の吹き出しのような形まで、大体のデザインが作れてしまう昨今のCSS。
しかし「作れる」けれども、「”簡単に”作れる」わけではありませんよね。

とくに個人的に作るのが面倒だなと思うのは装飾のリボン。

こんなデザインもCSSで表現ができますが、作るのは結構大変……

コピペで作れたら本当に楽なのにな……と、そんな願いをかなえてくれるサイトを紹介です。

「Ribbon Shapes」を使えばとても簡単にCSSでリボンを作ることができます。

HTMLはdiv要素を一つ用意するだけ。

あとは使いたいリボンのCSSをコピペするだけで百種類以上のリボンデザインを表現できるのです。

中には「本当にこれはdiv要素一つで作られているのか…？」と驚いてしまうようなリボンも……

リボンの色を変えるなども簡単なので、デザインにリボンの表現があるときはぜひ活用したいサイトですね◎