Honk Image Caption Scale Up Down Interaction

In this real-time messaging interface, typing a caption for an image triggers a fluid, responsive layout shift. Initially, the image is displayed as a centered thumbnail inside a large blue message bubble. As soon as the user begins typing, the image smoothly scales up to fill the bubble's width, and the typed text appears as a real-time overlay at the bottom of the image. The transition utilizes a responsive spring-like scaling animation that feels highly interactive and directly tied to the user's keystroke input.