dans la ou les catégorie(s) : code

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.