Animation Sprite

La propriété CSS steps() est une fonction temporelle permettant de contrôler le déroulement d’une animation en la découpant en plusieurs étapes. Elle est efficace pour créer des animations basées sur un système de sprite. Le fonctionnement est le suivant : La propriété (animation: animation .9s steps(8) infinite, avance 5s linear infinite;) permet d’indiquer le nombre…Continue reading Animation Sprite

Les transitions CSS

Les transitions CSS permettent de contrôler la vitesse d’animation lorsque les propriétés CSS sont modifiées. Plutôt que le changement soit immédiat, on peut l’étaler sur une certaine période. Ainsi, si on souhaite passer un élément de blanc à noir, on pourra utiliser les transitions CSS afin que cette modification soit effectuée progressivement, selon une courbe d’accélération donnée.…Continue reading Les transitions CSS

La propriété ClassList

La propriété classList permet d’accéder à la liste des classes appliquées à un élément HTML, de manière simple et efficace via les méthodes suivantes : length : retourne le nombre de classes add(nom_classe) : ajoute une classe contains(nom_classe) : retourne true si une classe est présente et false sinon remove(nom_classe) : supprime une classe toggle(nom_classe) : ajoute ou supprime une classe, si elle est présente initialement ou non…Continue reading La propriété ClassList