ホームページ制作アトリエ

心えがおホームページ制作 atelier(アトリエ)は、ホームページ・動画制作、教育ICT・アプリ開発、名刺・ポスター・チラシの作成を行っております。

リボンの斜め掛け

カテゴリー:Shogo
リボンの斜め css3を使ってリボンの斜め掛けを作ります。

最近では色々なサイトで見かけるようになりました。
ただ、この程度なら画像でも良いかもしれません…X(
一応、コードはcss3の勉強にもなったのでメモだけしておきます!

リボンの斜め掛けcssコード

するとこんな感じになります。

リボン


(見えやすいように透明にしてあります)