SHARE
TWEET

Homme sweet home CSS

Lola_D Dec 3rd, 2019 (edited) 85 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.     font-family: 'Courier New', Courier, monospace;
  3. }
  4.  
  5. /* English : Replace the dots below by a selector targeting all the images of the page. */
  6. /* Français : Remplace les points ci-dessous par un sélecteur ciblant toutes les images de la page. */
  7.  
  8. img {
  9.     width: 300px;
  10.     height: 300px;
  11.     border-radius: 5px;      /* English : Replace with a property that makes the image borders look rounded. */
  12.             /* Français : Remplace par une propriété arrondissant les angles de l'image. */
  13. }
  14.  
  15.  
  16.  
  17. /* English : Replace the dots below by a class named "hover-effect" with a :hover pseudo-class. This class has to target the first image and the last image of the page. */
  18. /* Français : Remplace les points ci-dessous par une classe "hover-effect" avec une pseudo-classe :hover. Cette classe doit cibler la première image et la troisième image de la page. */
  19.  
  20. .hover-effect:hover {
  21.     opacity: 0.8;      /* English : Replace with a property responsible for opacity changes. */
  22.                     /* Français : Remplace par une propriété modifiant l'opacité. */
  23.     cursor: pointer;
  24. }
  25.  
  26. /* English : Replace the dots below by a selector targeting the second image of the page. Do not use a class or an id! */
  27. /* Français : Remplace les points ci-dessous par un sélecteur ciblant la seconde image de la page. N'utilise pas de classe ou d'id ! */
  28.  
  29. img:not(.hover-effect) {
  30.     filter: grayscale(100%);  /* English : Replace with a property that makes the image look black & white. */
  31.                 /* Français : Remplace par une propriété faisant paraître l'image en noir et blanc. */
  32. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top