Couleurs et effets

Choisir un fond uni, une image ou un dégradé et rejoindre leur réglage détaillé; distinguer le fond de l’élément des fenêtres et menus interactifs.

Choisissez une image de fond, comparez les cadrages et ajustez sa position, sa répétition et son rendu mobile.

Utiliser le sous-éditeur de dégradé du fond, choisir la direction et les couleurs ou étapes réellement proposées puis vérifier le contraste.

Régler l’épaisseur, le style et la couleur d’une bordure, les angles et le contour, en montrant la différence entre ces réglages.

Comparer ombre, transparence, filtre de l’élément et filtre de ce qui apparaît derrière lui, puis rejoindre le réglage précis avec un exemple lisible.

Choisir une ombre, ajuster les valeurs proposées et la couleur puis vérifier sa portée, le contraste et son retrait, sans la confondre avec l’ombre d’un texte.

Modifier l’opacité de l’élément avec les choix et la saisie disponibles, expliquer l’effet sur ses enfants et contrôler les états et la lisibilité.

Régler flou, luminosité, contraste, saturation, gris, sépia et inversion avec les commandes exposées; comparer leur effet, leur cumul et leur retrait.

Appliquez les filtres Derrière à un bandeau translucide et distinguez le décor filtré du contenu de l’élément.

Réglez rotation, échelle, inclinaison, translation et point d’origine avec les commandes visuelles, en conservant la place de l’élément.

Adoucissez un changement de style avec une transition, puis choisissez quand une animation complète est préférable.

Ajoutez un mouvement prêt à l’emploi, regardez son résultat sur la page et changez de préréglage sans écrire de code.

Choisissez quand le mouvement commence et distinguez une apparition dans le temps d’une progression liée au défilement.

Combinez des propriétés animées, ajustez leurs valeurs et leur timing, puis dupliquez ou retirez un effet.

Choisissez entre une boucle continue, un aller-retour et une apparition unique ou rejouable.

Choisissez un effet de texte, comparez son découpage et ajustez son rythme avec les commandes visuelles.

Adoucissez une animation au survol ou à la pression et appliquez les mêmes paramètres à ses effets.