Valeur de cette activité : 5 points
Compétence :
23 - Défi CSS - Fenêtre modale (Lightbox)

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

Défi CSS no 2 : Fenêtre modale (Lightbox)

Description

Dans cette activité, vous devez créer un effet de type "Lightbox" affichant une IMAGE en utilisant uniquement les codes HTML et CSS ( pas de javascript).


Exemple d'un effet de type LIGHTBOX: Cliquez l'image ci-dessous

Fermer
  1. Ajoutez une page à votre portfolio en affichant les assistant HTML, CSS et FORMULAIRE ainsi que la directive 60027
  2. Inscrivez dans le champ titre : Défi CSS no 2 : Fenêtre modale (Lightbox)
  3. Sélectionnez la section : MODULE CSS
  4. Sélectionnez la matière : informatique
  5. Inscrivez dans le champ no de la directive : 60027
  6. Inscrivez dans votre page le titre de niveau 1 : Défi CSS no 2 : Fenêtre modale (Lightbox)
  7. Utilisez GOOGLE afin de trouver de l'information concernant l'utilisation d'un "LIGHTBOX" en CSS (mot de recherche lightbox css seulement ou pure css lightbox ).
  8. Insérez dans votre page le code trouvé.
  9. Modifiez ce code afin de produire un effet à votre goût.
  10. Ajoutez un lien vers le site web utilisé.
  11. Visualisez votre page et apportez des modifications au besoin.