ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > 豆知識 > CSSと10個のdivタグで花っぽい図形を描く方法
2009年02月25日 23:53
1078日前に投稿

CSSと10個のdivタグで花っぽい図形を描く方法

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

「CSS Art: The Flower」にてCSSを使って花っぽい図形を描く方法が紹介されています。

実際の出来上がりは以下のような感じで、花というには少しシンプルなのですが、これが10個のdivタグとCSSだけで描かれているというのが驚き。

css-flower.gif

CSSのポイントは「-moz-border-radius」や「-webkit-border-radius」といった、角丸を描くプロパティを利用するところのようです。そのためFirefoxやSafariでは正しく描画されてますが、IEではダメっぽいです。

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - 「DM送りたいのでフォローしてください」とかめんどくさくないですか？


トラックバック

このエントリーのトラックバックURL:

豆知識

English version

2009/02/25 23:53:44 by F.Ko-Ji
コメント (0) トラックバック (0) 豆知識

前のエントリー: « iTunesっぽくカバーフローを採用したSafari4
次のエントリー: スイーツナイト 5th Track でファバラジーのチョコレートフォンデュを食べてきた »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: