CSSを駆使して「地獄のミサワ」風のキャラクターを描いてみました。

CSS3のミサワ

jsdo.itで公開しているコードの100番目という事で、ちょっと凝ったものを作ろうと思ったのがきっかけです。

完全にHTML+CSSだけで地獄のミサワ風の絵図を描いてみました。

コードはjsdo.itのサイトで公開してあります。よろしければご覧ください。(実物の実行サンプルもこちらです。)

CSS3のミサワ

ポイント

以下のCSS3の指定がポイントです。

  • border-radius
  • transform
  • :before, :after

(さらに…)