Web Service

CSSで吹き出しをサクっと作ることができる便利なツール「cssarrowplease」

CSSでとても簡単に吹き出しを作ってくれる便利なツール「cssarrowplease」を使ってみました。画像を使わなくても、こういったものがサクっと作れるのはとても便利ですよね。使い方もとてもシンプルなのでかなりよかったです。

[ads_center]

使い方

Positonを選択するだけで四方のいずれかに矢印をつけることができます。

矢印を選択

Sizeで矢印の大きさを指定でき、Border widthでボーダーの幅を指定することができます。

SizeとBorder width

色の指定は、Colorでボックス内の色、Border colorでボーダーの色を指定できます。

ColorとBorder color

できたら右のコードを取得して完了です。とてもシンプルでいいですね。

コード取得

以下からご利用できます。

関連記事

  1. Web Service

    マウスを動かすことで自分の好きな色を見つけることができる「Piknik Color Picker」

    とてもお洒落でシンプルなカラーピッカー「Piknik Color Pi…

  2. Web Service

    背景パターンをお手軽に作成することができる「BgPatterns」

    背景パターンをとてもお手軽に作成することができるWebアプリ「BgPa…

  3. Web Service

    jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使…

    jQuery Mobileにはテーマがいくつかあり、そのテーマを変える…

  4. Web Service

    PNG画像をブラウザ上にアップロードするだけでファイルサイズを圧縮することができる「PunyPNG」…

    ブラウザ上でローカルに保存してある画像をアップロードするだけで簡単にフ…

  5. Box Shadow

    Web Service

    CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

    CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Sh…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP