Skip to content

This is project 2 of the STS_HTML_CSS_JS Suite qui illustre juste une animation de bulles non iteractives

Notifications You must be signed in to change notification settings

Worketyamo-Students/STS_DropAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

STS_Drop_Animation

STS_Drop_Animation est un projet de drop animation qui combine des effets visuels dynamiques en CSS et JavaScript pour créer une expérience visuelle moderne et interactive. Ce projet est idéal pour les développeurs qui souhaitent explorer les animations front-end et les effets de transformation.

🚀 Aperçu du projet

Ce projet génère aléatoirement des gouttes animées qui évoluent dans leur apparence grâce à des transformations CSS. Chaque goutte passe par plusieurs états d'animation (changement de taille, de forme et de couleur) pour donner un effet fluide et attractif.

📋 Technologies utilisées

  • HTML5 : Structure de la page web.
  • CSS3 : Styles et animations pour les gouttes.
  • JavaScript (ES6) : Dynamique des gouttes générées aléatoirement.
  • Git : Versionnement du code.

🎨 Fonctionnalités

  1. Génération aléatoire des gouttes sur l'écran.
  2. Animation fluide avec des effets de transformation CSS :
    • Changements de taille et forme.
    • Transition des couleurs pour des rendus dynamiques.
  3. Suppression automatique des gouttes pour éviter l'encombrement.

🖥️ Installation et utilisation

  1. Clone le projet depuis le dépôt GitHub :
git clone https://github.com/DimitriTedom/STS_DropAnimation.git
  1. Ouvre le fichier index.html dans un navigateur.

  2. Profite de l'animation en temps réel ! 🎉


🧩 Structure du projet

STS_Drop_Animation/
│
├── assets/
│   ├── style.css       # Feuille de styles CSS
│   └── script.js       # Fichier JavaScript pour la logique dynamique
│
├── index.html          # Page principale
└── README.md           # Documentation du projet

📷 Capture d'écran

Preview de l'animation


🌟 Auteur

Dimitri Wilfried Tedom Tafotsi


🤝 Contributions

Les contributions sont les bienvenues ! Si tu souhaites améliorer le projet, n'hésite pas à :

  1. Forker ce dépôt.
  2. Créer une nouvelle branche : git checkout -b feature/NouvelleFonctionnalite.
  3. Faire un commit : git commit -m "Ajout d'une nouvelle fonctionnalité".
  4. Envoyer une pull request.

Support

Si ce projet t'a été utile, laisse une ⭐ sur le dépôt GitHub pour soutenir mon travail !


📫 Contact

Pour toute question ou suggestion, tu peux me contacter via :


Merci d'avoir exploré STS_Drop_Animation. J'espère que ce projet t'inspirera dans tes futures créations ! 😊

About

This is project 2 of the STS_HTML_CSS_JS Suite qui illustre juste une animation de bulles non iteractives

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published