六角形のオブジェクトを作成するCSS3ジェネレーター CSS Hexagon Generator In ☆Webサービス, CSS, generator With No comments CSS Hexagon Generator CSSで正六角形を作るジェネレーター。 サイズ、色、シャドウ、ボーダーの設定をすると、HTMLタグとCSSが出力されます。 「With an image!」を選択し、CSS内background-imageプロパティに画像のURLを入力すると、六角形の中に好きな画像を表示させることが可能です。 実際に作成したサンプル CSS Hexagon, Please! メールで送信BlogThis!X で共有Facebook で共有する Share This: Facebook Twitter Google+ Related Posts:角丸やドロップシャドウなど、5種類のデザインを行えるCSS3ジェネレーター Curly Braces Curly Braces | CSS Generator CSSで5パターンのデザインを行えるジェネレーター。 それぞれの項目のスライダーを調整すると、テキストボックス内のCSSがリアルタイムに変更されます。 Round Corners 角丸。 Box Shadow ドロ… Read Moreフラットデザインのソーシャルアイコンを好みの色で出力できる Perfect Icons Perfect Icons - A social icon creation tool. フラットデザインのソーシャルボタンを出力するCSS3ジェネレーター。 アイコンサイズ、色、マウスオーバー時の効果などをお好みに設定できます。 SNS名横のテキストボックスにはリンクさせたいU… Read More六角形のオブジェクトを作成するCSS3ジェネレーター CSS Hexagon Generator CSS Hexagon Generator CSSで正六角形を作るジェネレーター。 サイズ、色、シャドウ、ボーダーの設定をすると、HTMLタグとCSSが出力されます。 「With an image!」を選択し、CSS内background-imageプロパティに画像のURLを入… Read More美しいグラデーションを作るCSS3コードをコピペできる CSS3 Gradients 「CSS3 Gradients」は、CSS3で生成された美しいグラデーション効果をコピペで利用できるサイト。 30種類あるグラデーションの中から、好きなものを選んでクリックすると、CSSコードが表示されます。 実際に貼り付けてみたサンプル グラデーションを作成できるCSS3… Read More画像不使用! CSSのみで作られた背景デザインをコピペで利用できる『CSS Gradients with background-blend-mode』 『CSS Gradients with background-blend-mode』は、CSSのみで作成されたデザインパターンをコピペで利用できるサイト。 CSSの「background-blend-mode」プロパティを利用して作られた、さまざまなパターンが用意されています。 各パターンの「… Read More
0 コメント:
コメントを投稿