5 comments

  • Mike LMike L, over 5 years ago

    Anybody have a link where where I can read more about how to do this affect? Specifically the way the text comes up from behind a non-rectangle foreground while fading in.

    0 points
    • Zach Cole, over 5 years ago

      Hey Mike,

      I don't have a link about how to do this, but here's my thinking (haven't looked into this particular site's code yet). Basically you'd use a png image, fix its position to the bottom of the viewport, and assign it a high z-index so that it appears to be the top layer. Then below that the text would still be relatively positioned so that it is scrollable. It would need a lower z-index than the image so that the text appears to be "beneath" the image layer. From there, you can apply javascript scroll events to trigger the fade-in, and the transition between screens. Hope this helps!

      0 points
  • Michael AleoMichael Aleo, over 5 years ago

    Literally finishing this audiobook right now, what timing. This is awesome.

    0 points
  • Dean BagnallDean Bagnall, over 5 years ago

    Awesome illustration. reminds me of the frames collection http://framescollection.com/tunnelrats.html

    0 points