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
Mois : janvier 2019
Les animations CSS
Les animations CSS sont un module CSS qui définit la façon dont les valeurs des propriétés CSS peuvent être animées au fur et à mesure d’une période via des étapes intermédiaires (keyframes en anglais). Le comportement de ces animations séquencées peut être défini en termes de durée, de nombre de répétitions et de la façon dont elles sont…Continue reading Les animations CSS
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