Définition d'un document de CSS3

Transitions

• 
  

  
  
  

  Une autre caractéristique de la définition de CSS3 est la "transition" attribuer. Il permet l'animation d'un graphique de site web par la transition d'une image à l'autre. Normalement, quand un objet est modifié, par exemple en réponse à un curseur planant sur elle, le changement est instantané. Avec la transition attribut le concepteur peut contrôler le changement. La syntaxe "5s de couleur de transition facilité dans 1s" signifie que la couleur de l'objet change après un délai d'une seconde. Le changement se produira plus de 5 secondes la durée et facilitera-in, ce qui signifie que le changement va commencer lentement et l'accélérer. Alternatives sont la facilité-out, ce qui signifie un linéaire Terminer-lente, ce qui signifie un changement et la facilité stable, ce qui signifie un lent départ et d'arrivée.

Sélecteurs

• Les sélecteurs permettent à un concepteur d'appliquer des attributs aux éléments sélectionnés. CSS comprend une grande variété de sélecteurs dans sa définition mais CSS3 ajoute plusieurs nouvelles pour déterminer les attributs de certains éléments d'une série. Ce sont les enfants de première et dernière enfant sélecteurs. Par exemple, la syntaxe pour colorer le premier élément d'une liste rouge, est "li: first-child {color:} rouges," où "li" est l'élément d'un élément dans une liste. Ces sélecteurs peuvent modifier d'autres attributs, tels que le centrage du dernier paragraphe sur une page. La syntaxe est "p: last-child {align: center}," où p est l'élément de parapraph.

Dégradés

• Une autre nouvelle fonctionnalité de la définition de CSS3 est la possibilité de spécifier des gradients de couleurs plutôt que de milieux seule couleur. Designers autrefois créé des images avec des gradients et les a placés comme arrière-plan. Avec gradients CSS3, il est possible de simplement spécifier deux couleurs et les faire changer facilement de l'un à l'autre à l'arrière-plan de la page Web. La syntaxe "fond: linear-gradient (jaune, blanc) -" donne un gradient horizontal à partir de jaune en haut et à la décoloration en blanc.