Animation, Transitions, and Transforms Using JavaScript Example

This page displays the contents of rdi.json in a nice user friendly format. When you click on an image the top section will display the details of that character. It will rotate the current contents out of view and the new contents into view. Mousing over the image will bring the image into focus by removing the opacity and increasing the size of the image. When scrolling down to see more characters the currently selected character and explanation remain at the top of the screen.

Character Details will display here after selecting a character.