Sélecteur de couleurs et générateur de palettes
Sélectionnez des couleurs aux formats HEX, RGB et HSL ; créez des palettes harmonieuses et des dégradés.
Générateur d'animations CSS Keyframes
Cré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
Images clés et animation CSS
@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;
}Comment Utiliser ?
Choisir un effet
Choisissez entre rebond, impulsion, secousse ou retournement 3D.
Affiner le timing
Ajustez la durée, le délai et la fonction de synchronisation.
Copier CSS
Exportez les règles CSS @keyframes complètes.
Conseils & Astuces
- •Ajoutez prefers-reduced-motion et une alternative calme pour les personnes qui réduisent les animations.
Outils Connexes
Pipette et sélecteur de couleur sur image
Téléversez une photo ou un visuel et cliquez sur n'importe quel pixel pour extraire les codes couleur exacts en HEX et RGB.
Générateur de codes QR personnalisés
Générez des codes QR haute résolution en PNG et SVG pour sites web, réseaux Wi-Fi, textes et cartes de contact.
Générateur de favicons et icônes d'application
Générez des favicons 16x16, 32x32, des icônes Apple Touch 180x180 et des icônes PWA Android à partir de votre logo.
Avis d'utilisateurs & Commentaires
Partagez votre expérience anonymement. Modéré automatiquement par l'IA.
Avis Approuvés (0)