「吹き出し」風スタイル

ginpei

License: MIT License

Fork
1
Fav
4
View
5586
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 8 lines
  • CSS 50 lines
HTMLの構造をいちいち二重にしなくちゃいけないのがお洒落じゃないですが、まあよしとしてください。

吹き出しの枠をCSS3のborder-imageで作ってみました。普通のborderとborder-radiusよりもそれっぽいんじゃないかなと思います。
吹き出しの足はbefore疑似要素を使っています。外枠にposition:relativeを与えて疑似要素はposition:absoluteです。

for : Firefox, Webkit or Opera.
thanks! : http://jsdo.it/blades/datauriplayground
  • 「吹き出し」風スタイル
  • 「吹き出し」風スタイル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by