Skip to content

The visual effect of the button is inspired by the "Wizz" effect used on MSN Messenger. [Javascript / SCSS]

Notifications You must be signed in to change notification settings

Vanille-B/wizz-msn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wizz MSN Project

Wizz MSN

🇫🇷 Introduction

Ce projet est une démonstration de l'effet Wizz. L'effet visuel du bouton est inspiré de l'effet "Wizz" utilisé sur MSN Messenger, la célèbre plateforme de messagerie instantanée.

L'objectif de ce projet est de recréer l'expérience du bouton "Wizz" de MSN Messenger, en fournissant une rétroaction visuelle dynamique lorsqu'il est cliqué. Lorsque vous cliquez sur le bouton, le contenu est partagé et une animation "Wizz" est appliquée, donnant l'impression que l'écran vibre brièvement.

Demo : https://msn-wizz.netlify.app

🇫🇷 Fonctionnalités

  • En cliquant sur le bouton, une animation "Wizz" est appliquée.
  • L'animation du bouton donne une impression de vibration de l'écran, rappelant l'effet original de MSN Messenger.

🇫🇷 Instructions d'utilisation

  1. Clonez ce dépôt sur votre machine locale en utilisant la commande suivante : git clone https://github.com/Vanille-B/wizz-msn.git
  2. Ouvrez le fichier index.html dans votre navigateur.
  3. Testez le bouton de partage en cliquant dessus et observez l'effet "Wizz" ainsi que le comportement de partage.
  4. Explorez le code JavaScript dans le fichier script.js pour comprendre la logique du bouton et la manière dont l'effet "Wizz" est implémenté.

🇫🇷 Contributions

Les contributions à ce projet sont les bienvenues. Si vous souhaitez améliorer, redesigner ou ajouter des fonctionnalités, veuillez créer une pull request. Merci d'avance pour votre contribution !

🇺🇸 Introduction

This project is a Wizz effect demonstration. The visual effect of the button is inspired by the "Wizz" effect used on MSN Messenger, the popular instant messaging platform.

The goal of this project is to recreate the experience of the "Wizz" button from MSN Messenger by providing dynamic visual feedback when clicked. When you click the button, the content is shared, and a "Wizz" animation is applied, giving the impression of briefly vibrating the screen.

Demo : https://msn-wizz.netlify.app

🇺🇸 Features

  • When the button is clicked, a "Wizz" animation is applied to provide visual feedback to the user.
  • The button animation gives the impression of vibrating the screen, reminiscent of the original effect in MSN Messenger.

🇺🇸 Usage Instructions

  1. Clone this repository to your local machine using the following command: git clone https://github.com/Vanille-B/wizz-msn.git
  2. Open the index.html file in your browser.
  3. Test the share button by clicking on it and observe the "Wizz" effect and the sharing behavior.
  4. Explore the JavaScript code in the script.js file to understand the logic of the button and how the "Wizz" effect is implemented.

🇺🇸 Contributions

Contributions to this project are welcome. If you wish to improve, redesign, or add features, please create a pull request. Thank you in advance for your contribution !

About

The visual effect of the button is inspired by the "Wizz" effect used on MSN Messenger. [Javascript / SCSS]

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published