tile

ahomegane

License: MIT License

Fork
0
Fav
2
View
2181
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 458 lines
  • HTML 40 lines
  • CSS 62 lines
masonryを使う機会が増えそうなので、自分で一度実装してみました。

http://jsdo.it/norahiko/e3Zi
参考にさせていただきました。

・transitionとjqueryのアニメーション分岐
・左上/右上固定
・画面リサイズ対応

●オプション
{
elements: frame.find('> li'),
margin: {
right: 10,
bottom: 10
},
offset: {
top: 0,
left: 0
},
animation: true,
initAnimation: true,
ease: 'ease',// linear/ease/ease-in/ease-out/ease-in-out
duration: 200,
delay: 0,
intervalInit: 0,
resize: true,
intervalResize: 0,
initCallback: null,
origin: 'left-top'
}

●github
https://github.com/ahomegane/lib/tree/master/cpt/tile
  • tile
  • tile

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

ahomegane

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by