Valeur de cette activité : 5 points
Compétence :
18- Les filtres en arrière-plan (activité modifiée)

A-Module 03 : CSS : 5 points - difficulté : 2

Les filtres CSS en arrière-plan

Présentation

Dans cette actiivté, vous allez utiliser le code CSS afin de définir dégradé de couleurs en arrière-plan en utilisant les propriétés suivantes :
filter: progid:DXImageTransform.Microsoft.gradient
background: -webkit-gradient
background: -moz-linear-gradient

L'utilisation combinée de ces trois propriétés permettra l'affichage du dégradé sous tous les navigateurs (Internet Explorer, Firefox, ...)

Description


  1. Ajoutez une page à votre portfolio en affichant la directive 41637
  2. Affiche les assistants et
  3. Inscrivez dans le champ titre : Les filtres CSS en arrière-plan
  4. Sélectionnez la matière : informatique
  5. Inscrivez dans le champ no de la directive : 41637
  6. Inscrivez dans votre page le titre de niveau 1 : Les filtres CSS en arrière-plan
  7. Ajoute dans ta page une division (balise DIV) contenant le texte "Ceci est une division contenant un dégradé css en arrière-plan"
  8. Ajoute à cette division (méthode css intraligne) les propriétés ; HEIGHT et WIDTH avec des valeurs de ton choix.
  9. Ajoute également dans ta page le code qui affichera un dégradé différent en arrière-plan pour ta division (balise DIV) en utilisant ce site http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ :

  10. Ajoute ensuite dans ta page le code qui affichera un dégradé (couleurs de ton choix) en arrière-plan de page (balise BODY).
  11. Visualisez votre page et apportez des modifications au besoin.