Voici une petite illustration d’un sélecteur multiple associé à une concaténation et une transformation CSS.
See the Pen 50 paragraphes by Benoît Wimart (@benoitwimart) on CodePen.0
Autre exemple, avec en prérequis :
- les animations CSS
- Les chaines de caractères sont comme des tableaux de signes
"abc"[0]; // "a"; "abc"[1]; // "b"
Le code va emballer chaque lettre dans une <span>
avec sur l’attribut style un délai d’animation ; le reste est en CSS.
See the Pen span automatique by Benoît Wimart (@benoitwimart) on CodePen.0
Entrainement :
- changer le CSS et le JS (pour mieux comprendre le code)
- faire une boucle pour mettre dans des span et appliquer le code du premier exemple sur celles-ci.