Forked from: ksksoft's cssでリストを逆順に並べ替える会話のUI View Diff (56)

Fork
0
Fav
0
View
2303
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 2 lines
  • HTML 16 lines
  • CSS 122 lines
flexboxを使えば要素を逆方向に並べることができるので、
これを利用して作ってみた。

こちらの方がシンプルにいくと思いきや

・divが一つ多くなるし
・切替時のtransitionはもちろん効かないし
・flexboxの名称変更が複雑で今んとこ未整理でクロスブラウザがやや甘い

等々。

参考サイト
http://www.krzm.jp/2013/03/21/747/
http://caniuse.com/#search=flex
  • flexboxで forked: cssでリストを逆順に並べ替える会話のUI
  • flexboxで forked: cssでリストを逆順に並べ替える会話のUI

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

ksk1015

Author

CSSerです。JSも好きです。 ブラウザ上の技術全般に興味があります。 詰めの甘いコード多いので参考にする際は要検証。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags