When the chat session ends, the blue message input box morphs directly into a white profile and feedback card. The keyboard slides down out of view as the input box expands in both width and height to become the container card. The background color transitions from bright blue to white. Once the card container settles with a springy overshoot, its internal elements, including the user's avatar, name, 'Add Friend' button, and feedback rating scale, fade and scale up in a staggered sequence. Simultaneously, the header elements slide down from the top and the secondary action button slides up from the bottom.

Category