How do you slide a table row/column smoothly?

[Amir Michail]

Hi,

In my Numbrosia Puzzle, players can rotate columns and rows in a
table:

http://numbrosia.com

How could I make this row/column rotation smooth?

For example, when rotating a row with numbers 1, 2, 3, 4, 5 to the
right, I would like the row to smoothly shift to the right with the 5
splitting up so that part of it starts to appear on the left.

Amir

 

[Thomas 'PointedEars' Lahn]

In my Numbrosia Puzzle, players can rotate columns and rows in a
table:

http://numbrosia.com

How could I make this row/column rotation smooth?

For example, when rotating a row with numbers 1, 2, 3, 4, 5 to the
right, I would like the row to smoothly shift to the right with the 5
splitting up so that part of it starts to appear on the left.

If those were not table cells but block-level elements that are preferably
element siblings, you could use calls of window.setTimeout() to trigger
itself (and eventually only window.clearTimeout()) to implement that
animation. I have been working on an animation framework to do just that
but it is not production quality as of yet.


PointedEars