Script animation : Création d'une animation via CSS
Animer un élément avec du CSS
Partie II : L'interactivité
Edition 1 | Chapitre 12 : Manipuler le document / Page 178
Edition 2 | Chapitre 12 : Manipuler le document / Page 194
Edition 3 | Chapitre 12 : Manipuler le document / Page 194
Exécution du script
Code source
<html><head><style type="text/css"> div.zone { border:2px solid #fff; margin:3px; padding:3px; }@keyframes clignoter { from { border-color:#fff; background-color:#fff; } to { border-color:#f00; background-color:#ffa; }}.clignotement { animation: clignoter 0.2s alternate infinite;} </style><title>Animation CSS</title></head><body> <h1 id="monH1" class="titre">Animation via CSS</strong></h1><div class="zone" id="z1">Div Zone 1</div><div class="zone" id="z2">Div Zone 2</div><div class="zone" id="z3">Div Zone 3</div><div class="zone" id="z4">Div Zone 4</div><script type="text/javascript"> document.getElementById("z1").className+=" clignotement";</script></body></html>
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
