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.
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.
- 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.
- Génération aléatoire des gouttes sur l'écran.
- Animation fluide avec des effets de transformation CSS :
- Changements de taille et forme.
- Transition des couleurs pour des rendus dynamiques.
- Suppression automatique des gouttes pour éviter l'encombrement.
- Clone le projet depuis le dépôt GitHub :
git clone https://github.com/Dimitri-Tedom/Project-2-Drop-Animation-Project.git-
Ouvre le fichier index.html dans un navigateur.
-
Profite de l'animation en temps réel ! 🎉
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
(Ajoute ici une capture d'écran ou un GIF montrant l'animation en action)
Dimitri Wilfried Tedom Tafotsi
- GitHub : Dimitri-Tedom
- LinkedIn : Dimitri Tedom
- E-mail : wilfried.tedom@facsciences-uy1.cm
Les contributions sont les bienvenues ! Si tu souhaites améliorer le projet, n'hésite pas à :
- Forker ce dépôt.
- Créer une nouvelle branche :
git checkout -b feature/NouvelleFonctionnalite. - Faire un commit :
git commit -m "Ajout d'une nouvelle fonctionnalité". - Envoyer une pull request.
Si ce projet t'a été utile, laisse une ⭐ sur le dépôt GitHub pour soutenir mon travail !
Pour toute question ou suggestion, tu peux me contacter via :
- E-mail : wilfried.tedom@facsciences-uy1.cm
- LinkedIn : Dimitri Tedom
Merci d'avoir exploré STS_Drop_Animation. J'espère que ce projet t'inspirera dans tes futures créations ! 😊