【重要】サービス終了のお知らせ

CSS Indication

KenjiOhtsuka

License: MIT License

Fork
0
Fav
2
View
953
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 47 lines
  • HTML 5 lines
  • CSS 59 lines
http://www.html5-memo.com/webtips/css3-loading/ を参考にして、サイズ変更にも対応するインジケータを作ってみました。

タブレット・モバイルへの縦横の向きが変わった場合の対応については、iPad への対応のみを念頭に作りました。実機がないためテストはしていませんが。

overlay の div の opacity が全体に影響するので、circle の div 2つは div#overlay の外に出した方が良かったかもしれません。

また、div#overlay の height, width に important をつけているのは、 twitter bootstrap と一緒に使おうとしたらうまくできなかったからです。
  • CSS Indication
  • CSS Indication

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