Welcome to the Morphology Clinic

Page One

Analyze and fix the animations on these two pages:

• Use the Inspection Chamber (or alternatively the browser's developer tools) to put the animations through their paces.
  Here is a short introduction

  • Press this button → Open / Close to open or close the Chamber
  • Use the Chamber's crossed arrows buttons (⤭) at the right top or bottom to change its orientation
  • Select "Full Control" from the mode menu
  • Start the view transition by clicking the "Page Two" link in the main window
  • Use the Chamber's upper slider to… slide through the animations
  • Exit the inspection mode by clicking the [Exit] button of the Full Control panel
  • Read the documentation on how to frame and selectively hide pseudo-elements. And much more.
• Improve the morph effects by fixing the CSS as explained in this episode of Fun With View Transitions.

Now that you're aware of the challenges, take better care of yourselves moving forward.