https://github.com/jonorusc/insta-chat-animation

Here I created a simple chat animation using view transition api (javascript)
https://github.com/jonorusc/insta-chat-animation

css3 instagram javascript view-transitions-api

Last synced: 14 days ago
JSON representation

Here I created a simple chat animation using view transition api (javascript)

• Host: GitHub
• URL: https://github.com/jonorusc/insta-chat-animation
• Owner: Jonorusc
• License: mit
• Created: 2024-02-19T20:24:31.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-19T20:30:37.000Z (12 months ago)
• Last Synced: 2024-11-24T03:12:29.540Z (2 months ago)
• Topics: css3, instagram, javascript, view-transitions-api
• Homepage: https://rjpn9v.csb.app/
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Instagram Chat Animation

## Overview

This project showcases a mobile-friendly Instagram-like chat interface with animated transitions. The HTML and CSS code provided implements a chat application with a unique animation feature that allows users to press and hold a message to reveal additional information.

- Press and Hold Interaction: Users can press and hold a message to trigger an animation revealing more information in a modal view. This adds an interactive and engaging element to the chat.

## Preview

https://github.com/Jonorusc/Insta-Chat-Animation/assets/56327459/67d5359c-ed70-4590-b3e3-fb4fabcb8050

[Live version on CodePen Web Page](https://github.com/user/repo/blob/branch/other_file.md)