ブックマーク / sophiadigital.com (1)

  • CSSで吹き出しを作っちゃうよ

    CSSだけで吹き出しを作るメリット 画像を使用せず、CSSだけで吹き出しを作るメリットとして以下のようなものが挙げられます。 吹き出し内部のテキスト量に応じて、吹き出しのサイズが自動的に調整される 後から吹き出しのデザインを変更したくなった場合にCSSの指定で容易に変更可能 画像を使用しない分だけファイルサイズを節約できる iPhoneAndroidでも表示できる 吹き出しをCSSで作る場合の考え方 吹き出しの外枠のボックスを用意してあげて、擬似要素である「:before」や「:after」といった要素を使って表現します。 自分で一から作ろうとすると、border要素を使って三角形を作ったり…、そして吹き出しに枠線を付ける場合は三角形を二枚重ねて微妙にずらしてとか…、ああ、めっちゃ複雑…! 吹き出しを簡単に作ることができるWebサービスを使ってラクをしちゃいましょう。 CSS ARROW

    CSSで吹き出しを作っちゃうよ
    ionvir0
    ionvir0 2017/05/09
  • 1