Web Service

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

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

[ads_center]

使い方

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

矢印を選択

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

SizeとBorder width

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

ColorとBorder color

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

コード取得

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

関連記事

  1. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

  2. Colors Palette Generator
  3. Chrome拡張機能「PageSpeed Insights」

    Web Service

    「PageSpeed Insights」のChrome拡張機能があったのでインストールしてみた

    以前ご紹介したWebサイトを高速化するためのGoogleツール「Pag…

  4. iPhoneのアプリアイコンを取得

    Web Service

    iPhone、iPad、Macのアプリ画像(アイコン)を取得する方法

    iPhoneやiPad、またはMacのアプリ画像(アイコン)を取得した…

  5. PageSpeed Insights

    Web Service

    Webサイト高速化にするための必要項目を教えてくれるGoogleツール「PageSpeed Insi…

    Webサイトを高速化にするために必要な項目を教えてくれるGoogleツ…

コメント

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

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

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP