andresgalante / animations Goto Github PK

Implement the animation that would display when transitioning from the Home screen to the List screen.

This transition occurs when clicking on the large circle on the Home screen.

This could include applying animations to the following elements:

• circle (on home screen and in masthead on list screen)
• masthead and masthead contents
• list items (e.g. could display sequentially)

NOTE: For this project, we are skipping the login screen altogether, as illustrated in the screencap of the Principle animation shown below.

Implement the animation that would display when transitioning between the list view and thumbnail view of the 3rd tab on the Details screen.

This transition occurs when clicking on the first button at the bottom of the screen, that displays when viewing the 3rd tab on the Details screen.

This could include applying animations to the following elements:

• thumbnail/list views slide in/out

Screencap of screens in context of the Principle animation:

Please capture any notes about your experience as comments to this issue. For example, did you try something that didn't work at all, did you try something that works but you wouldn't recommend, did you discover something you would recommend but that isn't so obvious, etc...

Implement the animation that would display when transitioning from the tab 1 to tab 3 on the Details screen.

This transition occurs when clicking on the first or third circle on the Details screen.

This could include applying animations to the following elements:

• circles resize
• tab contents transition in/out of screen
• blue border moves (this one may require js)

Screencap of screens in context of the Principle animation:

Implement the animation that would display when transitioning from the List screen to the Details screen.

This transition occurs when clicking on a card/list item on the List screen.

This could include applying animations to the following elements:

• card on List screen scales or fades to transition into details at top of Details screen
• other elements on screen can also transition into place

Screencap of screens in context of the Principle animation: