5秒でできる!超簡単にCSSで吹き出し作成!

公開日: : 最終更新日:2014/08/14 CSS

スポンサーリンク

CSS ARROW PLEASE!』というCSSだけで作る吹き出し作成サービスがあるのでこちらを使って吹き出しを作ってみます。

cssarrow.jpg

例)

キルラキル ねんどろいど満艦飾マコ (ノンスケール ABS&PVC塗装済み可動フィギュア)

カスタマイズできるのは
・吹き出しの位置(上下左右のどれか)
・吹き出しのサイズ
・吹き出し中身の色
・吹き出しの枠の幅
・吹き出しの枠の色
の5点です。
ちなみにライセンスはMITとのこと。
角を丸めたいときはborder-radiusの値を設定。

かなりお手軽に吹き出しをCSSで作成できるので非常にお勧めです。

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【HTML/CSS】タイトルロゴ画像の設定の方法

自分のブログやサイトのタイトル部分にトップ絵画像を設置する方法です。方法としてはimgタグをHTML

記事を読む

【CSS】beforeのcontentで改行する

.bsample1:before{ content:"★参考★\A"; } .bsampl

記事を読む

【CSS】:hover疑似クラスで指定要素とは別の要素にスタイルを適用する

CSSの「:hover」疑似クラスを使えばマウスオーバー時にその要素に対して何らかのスタ

記事を読む

【Unity】他のスクリプトを一括で取得して有効化・無効化を制御する

Unityを使っていて他のスクリプトを一時的に停止させたいと思ったので

テレビの録画をPCやNASで共有する

今までテレビはテレビ用のモニターで見ればいいやと思っていたのですが、さ

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

【Laravel5】既存のDBからデータを取得して表示する

はじめに 今まで作ったWebサイトをLaravel5で見れるようにし

【C++/OpenCV】cv::Matの画像にインパルスノイズを付加する

OpenCVで画像にノイズを付け足したいと思って調べたところ、Pyth

Intel Corei7-7700TでHTC Viveの動作確認

はじめに HTC ViveというVRヘッドセットで遊んでみたのでその

【Python】フォルダ内のカッコ付き数字ファイルを一括でリネームするスクリプト

はじめに タイトルどおりなのですが、指定フォルダ内のファイルのファイ

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑