Générateur d'animations CSS Keyframes
Design & GraphismeCréez des animations fluides en CSS (@keyframes : rebond, pulsation, tremblement, rotation) avec durée et timing ajustables.
Propriétés d'animation
Durée1s
Délai0s
CSS @keyframes & Animation
@keyframes customBounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.animated-element {
animation: customBounce 1s ease-in-out 0s infinite normal;
}☕Soutien de Projet Indépendant
Vous aimez ToolsApp ? Offrez-nous un café
ToolsApp s'exécute à 100% dans votre navigateur sans abonnements ni suivi de données. Nous pensons que les utilitaires essentiels doivent rester gratuits et accessibles à tous. Votre soutien nous aide à développer de nouveaux outils !
100% Côté Client•Gratuit pour Tous
Comment Utiliser ?
1
Choisir un effet
Choisissez entre rebond, impulsion, secousse ou retournement 3D.
2
Affiner le timing
Ajustez la durée, le délai et la fonction de synchronisation.
3
Copier CSS
Exportez les règles CSS @keyframes complètes.
Confidentialité TotaleTous les calculs et traitements de fichiers s'exécutent à 100 % localement dans votre navigateur via JavaScript côté client.
Avis d'utilisateurs & Commentaires
Partagez votre expérience anonymement. Modéré automatiquement par l'IA.
5.0
•0 avisAvis Approuvés (0)
Chargement des avis...