2014/05/01

六角形のオブジェクトを作成するCSS3ジェネレーター CSS Hexagon Generator

http://csshexagon.com/



CSSで正六角形を作るジェネレーター。

サイズ、色、シャドウ、ボーダーの設定をすると、HTMLタグとCSSが出力されます。

css hexagon generator 1

「With an image!」を選択し、CSS内background-imageプロパティに画像のURLを入力すると、六角形の中に好きな画像を表示させることが可能です。

css hexagon generator 2

実際に作成したサンプル



CSS Hexagon, Please!

0 コメント:

コメントを投稿