We have three microinteraction animations for HTML tables by Chris Smith. The three styles are:
- Slide-in from right animation
- Open from centre animation like opening a book
- Dropdown from top animation like a dropdown navigation
These snippets use a bit of Javascript to get the animation and can be a great way to get the users attention on these tables.
If you are having trouble with the pen, try the archived copy on GitHub
Slide-in from Right Table Snippet
See the Pen Table with Entry Animation [1] by Chris Smith (@chris22smith) on CodePen.0
If you are having trouble with the pen, try the archived copy on GitHub
Open from Centre Table Snippet
See the Pen Table with Entry Animation [2] by Chris Smith (@chris22smith) on CodePen.0
If you are having trouble with the pen, try the archived copy on GitHub
Dropdown from top Table Snippet
See the Pen Table with Entry Animation [3] by Chris Smith (@chris22smith) on CodePen.0