Aller au contenu

Linear-gradient - Igloofest

Pour cet exercice, vous devez compléter la mise en page d’un carton promotionnel de l’Igloofest.

Aperçu du résultat 👇

background-igloofest-resultat

Matériel

Pen de départ

Couleurs 🎨

  • Rose pâle = #e8b9ff
  • Rose = #e2a6f8
  • Bleu = #5638f9

Médias

https://tim-montmorency.com/compendium/582-111%E2%80%93web1/exercices/images/logo-igloofest.png

Requis

  • Faites en sorte que la couleur de fond de la page soit rose pâle.
  • La carte doit avoir une dimension de 400x600px, être centrée horizontalement ↔️ et avoir une marge verticale de 50px ↕️.
  • L'image du Yeti doit prendre toute la largeur de la carte et être affichée à 100px de son sommet.
  • Ajoutez un dégradé partant du coin supérieur gauche vers le coin inférieur droit ↘️ de la carte. Ce dégradé doit partir de rose à bleu avant de revenir rose afin de créer des coins rosâtres.
  • Ajoutez le logo de l'Igloofest comme 2e arrière-plan à la carte, par-dessus le dégradé que vous venez de créer. Faites en sorte que celui-ci prenne 85% de la largeur de la carte (sans pour autant affecter la taille du dégradé). Qu'il se répète à la verticale seulement et qu'il s'affiche au centre de la carte.

Notes de cours

icon (23)
Background
color, image, gradient

icon (35)
Linear-gradient
Générer un dégradé.