1. <menu id="pjgv9"></menu>
    was given a min-height to create some scroll-estate.<\/li>\n
  2. The positioning of the .parallax element and its .parallax_layer child elements was tweaked.<\/li>\n
  3. The transform\/perspective-hack was replaced with a scroll timeline.<\/li>\n<\/ul>\n\n\n\n

    Each different layer uses the same scroll timeline: scroll over a distance of 100vh.<\/p>\n\n\n\n

    @scroll-timeline scroll-for-100vh {\n  scroll-offsets: 0, 100vh;\n}\n\n.parallax__layer {\n  animation: 1s parallax linear;\n  animation-timeline: scroll-for-100vh;\n}<\/pre>\n\n\n\n

    What’s different between layers is the distance that they move as we scroll down:<\/p>\n\n\n\n