Dino Geek essaye de t'aider

Comment inverser une animation en CSS?


Pour inverser une animation en CSS, vous pouvez utiliser la propriété `direction` avec la valeur `reverse` dans la règle `@keyframes` de l’animation. Voici un exemple de comment le faire :

```
@keyframes monAnimation { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}
}

.monElement { animation: monAnimation 2s infinite; animation-direction: reverse;
}
```

Dans cet exemple, l’animation `monAnimation` sera jouée en boucle (`infinite`) sur `.monElement`, mais dans l’ordre inverse (`reverse`). Donc, au lieu de tourner dans le sens des aiguilles d’une montre, il tournera à l’envers.


Générez simplement des articles pour optimiser votre SEO
Générez simplement des articles pour optimiser votre SEO





DinoGeek propose des articles simples sur des technologies complexes

Vous souhaitez être cité dans cet article ? Rien de plus simple, contactez-nous à dino@eiki.fr

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Nom de Domaine | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP

| Whispers of love (API) | Déclaration d'Amour |






Mentions Légales / Conditions Générales d'Utilisation