Exemple d'un effet de parallaxe avec la balise HTML <section>

Source Code: (back to article)

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      body {
        background-color: #eeeeee;
        margin: 0;
        padding: 0;
        border: 0;
      }
      h2 {
        font-family: "Noto Sans", serif;
        font-size: 2em;
        color: #000000;
      }
      p {
        font-family: "Noto Sans", sans-serif;
        font-size: 1em;
        line-height: 1.5em;
        color: #666;
        margin: 30px 0;
        text-indent: 30px;
      }
      .image {
        background: url("https://images.unsplash.com/photo-1535919020263-f79f5313f336?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80") no-repeat fixed;
        background-position: center center;
        background-size: cover;
        min-height: 500px;
      }
      .content {
        max-width: 960px;
        margin: 0 auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
        z-index: 2;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div class="image"></div>
    <section class="content">
      <h2>Effet Parallaxe</h2>
      <p>
        Tout d’abord, je tiens à signaler que j’ai été très déçue de la ville d’Oia tant encensée sur les réseaux sociaux. C’est un très joli petit village malheureusement terni par l’amas de boutiques de luxe qui s’y trouvent et n’ont
        absolument aucun intérêt et la foule, bien trop agitée dans de si petites ruelles (#UNPOPULAROPINION). !
      </p>
      <hr />
      <div>
        <p>
          Si vous souhaitez contempler le fameux Sunset d’Oia, je vous déconseille d’aller vous mêler aux milliers de touristes qui attendent ce dernier entassés au même endroit. Vous prendrez selon moi plus de plaisir à le regarder du Meze
          Meze, un charmant petit restaurant tout proche d’Oia qui offre le calme et un superbe point de vue.
        </p>
        <p>
          Pour tout vous dire, nous y avons passé deux heures tout au plus et je n’en garde pas un excellent souvenir. Les extérieurs de la ville sont simplement d’immenses parkings poussiéreux et n’ont rien du charme vendu sur les
          prospectus de publicité. Il en est de même pour ses restaurants qui sont souvent des attrape touristes …
        </p>
        <p>
          En somme, je vous conseille tout de même de visiter Oia mais très tôt le matin. Mais ne prévoyez pas d’y rester une journée. C’est bien trop long. Si vous louez un appartement ou un hôtel à Oia, attendez vous à payer très cher.
          Sachez que la majorité des appartements, étant donné que la ville est construite sur la roche, permettent aux touristes de vous observer dans votre jacuzzi ou votre piscine depuis les hauteurs..
        </p>
        <p>Le plus beau souvenir que je garde d’Oia a été notre séjour à l’hôtel Oia Suites légèrement excentré de la ville. Nous avons été absolument conquis par cet établissement de charme.</p>
        <p>L’expérience a été absolument fabuleuse du début jusqu’à la fin. L’essence même du luxe : la discrétion du personnel, une présence juste et mesurée, une attention constante portée à la clientèle.</p>
        <p>Le petit-déjeuner était délicieux : café grec froid (à tester !), jus, sucré, salé … Une profusion et un choix extrêmement varié. Ce dernier était servi au lit.</p>
        <p>
          Côté équipements, elle était climatisée, comprenait une télévision à écran LCD, une salle de bain privative et un grand balcon. Le service de ménage était assuré chaque jour. Des bouteilles d’eau sont mises gratuitement à votre
          disposition dans le minibar à votre arrivée.
        </p>
      </div>
    </section>
  </body>
</html>