Test du parallaxe                        Retour

Paragraphe 1  Mode couleur pleine hauteur

Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec. Cras viverra libero ut velit ullamcorper volutpat. Maecenas ut dolor eget ante interdum auctor quis sed nunc. Proin faucibus, mauris vitae molestie sodales, erat nisi rhoncus justo, in placerat turpis elit sed eros. Mauris molestie, justo et feugiat rutrum, arcu metus dapibus quam, sollicitudin tempus tortor dolor et nibh.

Paragraphe 2, fond image+couleur rose  parallaxe amplifié
pleine hauteur suppression texte en noir opacité 4, sélection couleur texte bleue

Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec. Cras viverra libero ut velit ullamcorper volutpat. Maecenas ut dolor eget ante interdum auctor quis sed nunc. Proin faucibus, mauris vitae molestie sodales, erat nisi rhoncus justo, in placerat turpis elit sed eros. Mauris molestie, justo et feugiat rutrum, arcu metus dapibus quam, sollicitudin tempus tortor dolor et nibh.

Paragraphe 3 Normal

Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec. Cras viverra libero ut velit ullamcorper volutpat. Maecenas ut dolor eget ante interdum auctor quis sed nunc. Proin faucibus, mauris vitae molestie sodales, erat nisi rhoncus justo, in placerat turpis elit sed eros. Mauris molestie, justo et feugiat rutrum, arcu metus dapibus quam, sollicitudin tempus tortor dolor et nibh.

Paragraphe 4, pleine hauteur image sans parallaxe

Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec. Cras viverra libero ut velit ullamcorper volutpat. Maecenas ut dolor eget ante interdum auctor quis sed nunc. Proin faucibus, mauris vitae molestie sodales, erat nisi rhoncus justo, in placerat turpis elit sed eros. Mauris molestie, justo et feugiat rutrum, arcu metus dapibus quam, sollicitudin tempus tortor dolor et nibh.

Paragraphe 5, pleine hauteur avec objet fond couleur Auto

DébutantElementum ornare sapien
4,49€/ mois
  • At vero eos
  • Aliquam facilisis purus
  • Fusce condimentum
  • Ut non libero
  • Consecte adiping elit
ProOfficia deserunt mollitia
9,99€/ mois
  • At vero eos
  • Aliquam facilisis purus
  • Fusce condimentum
  • Ut non libero
  • Consecte adiping elit
ExpertMauris vitae bibendum
18,69€/ mois
  • At vero eos
  • Aliquam facilisis purus
  • Fusce condimentum
  • Ut non libero
  • Consecte adiping elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.

Paragraphe 6, 1/2 largeur pleine hauteur, nous avons ici la moitié gauche de l'image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.

Paragraphe 7, 1/2 largeur pleine hauteur,
paragraphe 6, 7 et 8 sans marge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.

Paragraphe 8, 1/2 largeur décalée à droite pleine hauteur, image identique à celle du paragraphe 6, soit la droite de 1/2 image, opacité différente pour montrer que ce sont bien 2 images différentes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.

Paragraphe 9, pleine hauteur fond couleur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.

Paragraphe 10, pleine hauteur uniquement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate tortor in nulla lacinia ac blandit massa condimentum. Donec pharetra adipiscing ante, ac convallis justo bibendum.
Nunc sapien mauris, imperdiet ac pellentesque quis, facilisis non sapien. Maecenas congue vehicula mi, id luctus mi scelerisque nec.