Éditeur d’images clés CSS
Créez des images clés de transformation et opacité avec lecture contrôlée et CSS.
- Fonctionne dans votre navigateur
- Aucun envoi
- Vérifiez avant de télécharger
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.
Limites de ressources
2 à 32 images clés à des pourcentages distincts, dont 0 et 100. Translation de ±500 px, rotation de ±1 080 deg, échelle de 0 à 5, opacité de 0 à 1, durée de 0,1 à 60 s, 1 à 20 répétitions. La lecture respecte la préférence de réduction des animations. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
Mode d’emploi
- Configurer l’exemple
Modifiez pourcentage, translation, rotation, échelle et opacité par état. Définissez durée, rythme et répétitions. Générez, lancez ou mettez en pause explicitement et exportez la même séquence.
- Vérifier avant utilisation
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir. 2 à 32 images clés à des pourcentages distincts, dont 0 et 100. Translation de ±500 px, rotation de ±1 080 deg, échelle de 0 à 5, opacité de 0 à 1, durée de 0,1 à 60 s, 1 à 20 répétitions. La lecture respecte la préférence de réduction des animations. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
- Exporter le résultat vérifié
Télécharger le résultat; Télécharger l’original
Questions et limites
Limites de ressources
2 à 32 images clés à des pourcentages distincts, dont 0 et 100. Translation de ±500 px, rotation de ±1 080 deg, échelle de 0 à 5, opacité de 0 à 1, durée de 0,1 à 60 s, 1 à 20 répétitions. La lecture respecte la préférence de réduction des animations. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
Conception hors ligne
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.
Vérifier avant utilisation
Modifiez pourcentage, translation, rotation, échelle et opacité par état. Définissez durée, rythme et répétitions. Générez, lancez ou mettez en pause explicitement et exportez la même séquence.