blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

デザインフレームをCSSで作る方法『CSS Boxes with Outside Frame (Rounded or Not)』

Pocket

CSS Boxes with Outside Frame (Rounded or Not) デザイン性のあるフレームをCSSで作りたい。 そんなあなたにおすすめなのが、『CSS Boxes with Outside Frame (Rounded or Not)』。デザインフレームをCSSで作る方法だ。 このエントリーでは、HTML、およびCSSのソースコードが公開されている。どんな風にマークアップしていくか、も順序立てて説明してくれている、 divが多くなるが、画像の分け方、repeatの仕方は綺麗だと思う。 完成形は、下部の「So this would be the final markup.」の部分。HTMLとCSSをまとめてマークアップしている。 オリジナルなデザインフレーム、これを参考に作ってみたいですね。 雨ですねー。今日は仕事だ。 朝ジムしてから行こうかな。