Les Dégradés CSS

Les dégradés CSS sont représentés par le type

de donnée <gradient> qui est un sous-ensemble

du type <image>.

• VRAI

• FAUX

Sélectionnez les trois sortes de dégradés parmi les propositions suivantes :

• Linéaires

• toriques

• radiaux

• coniques

Answer explanation

Il existe trois sortes de dégradés :

Les dégradés linéaires :

- linear-gradient())

Les dégradés radiaux:

- radial-gradient()

Les dégradés coniques :

- conic-gradient()

Les dégradés peuvent être utilisés à chaque

endroit où on peut utiliser une image.

• VRAI

• FAUX

• Heuuu ...

Les dégradés étant générés dynamiquement, ils

permettent:

• d'éviter d'utiliser des images

• supprime le temps de téléchargement des images

• Economisent la bande

  passante

Pour définir un dégradé sous sa forme la

plus simple, il suffit d'avoir deux couleurs.

• VRAI

• FAUX

Answer explanation

Il est nécessaire d'en avoir au moins deux, mais il est possible d'en avoir plus.

background: linear-gradient(blue, pink)

Par défaut, les dégradés linéaires vont du

haut vers le bas.

Il est possible de changer

leur orientation en indiquant une direction.

• VRAI

• FAUX

• Qui sait ?...

Answer explanation

exemple:

linear-gradient(to right, blue, pink)

Les dégradés radiaux sont similaires aux dégradés

linéaires mais permettent d'obtenir un effet qui

rayonne à partir d'un point.

• VRAI

• FAUX

Answer explanation

De la même façon qu'avec les dégradés linéaires, il suffit de deux couleurs pour créer un dégradé radial.

La fonction conic-gradient() permet de créer une

image composée d'un dégradé de couleurs tournant

autour d'un point.

• VRAI

• FAUX

Answer explanation

À l'instar des dégradés radiaux, on peut placer le centre d'un dégradé conique à l'aide de mots-clés, de valeurs (longueurs ou pourcentages) avec le mot-clé at.

ex:

conic-gradient(at 0% 30%, red 10%, yellow 30%, #1e90ff 50%)