Objectif : Vous devez reproduire le plus fidèlement possible l’image ci-dessous à l’aide de tableau et de CSS. Par la suite, nous animerons le contenu du chaudron par l’entremise du JavaScript dans un prochain défi. Finalement, la solution sera disponible sur le blogue d’ici 10 jours. Notez que l'eau est divisée en 10 sections, donc 10 cellules. Enfin, je sais que le dessin est nul, mais l'objectif n'est pas là!
Les couleurs utilisées :
Métal : #8a8a8a
Bois : #4e2a0a
Eau : #879bfc
Les grandeurs :
Les côtés du chaudron : 10x140px
Le fond du chaudron : 100x10px
L'eau : 100x10px
Le bloc avant la poignée : 40x40px
La poigné : 140x40px
Le crochet : 20x10px
Aucun commentaire:
Enregistrer un commentaire