Background - Candy Crush¶

Pour cet exercice, vous devrez recréer des mises en page inspirées du jeux Candy Crush en mettant à profit vos connaissances sur la propriété CSS background.

Matériel¶

Note

Pen de départ

Médias¶

Bonbon rose

Note

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

Bonbon rouge

Note

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

Bonbon bleu

Note

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

Bonbon jaune

Note

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

Bonbon orange

Note

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

Fond

Note

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

Requis¶

Le HTML et le CSS de base est fournis dans le Pen de départ. Pour chaque mise en page à réaliser, vous devrez:

Faire un fork du Pen de départ afin de repartir du début à chaque fois.
Nommer chacune des copies en fonction de l'étape actuelle. Par exemple, pour l'étape 1, nommer votre pen: Candy Crush - Étape 1.
Pour chaque étape, configurer la propriétés de background de l'élément .game afin de reproduire la mise en page fournie en capture d'écran.
En tout temps, les bonbons doivent avoir une dimension de 50x50px.

Warning

Vous ne devez en aucun cas modifier le HTML!