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
- At vero eos
- Aliquam facilisis purus
- Fusce condimentum
- Ut non libero
- Consecte adiping elit
- At vero eos
- Aliquam facilisis purus
- Fusce condimentum
- Ut non libero
- Consecte adiping elit
- 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 opacité à 3
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.