How is this intro made?

[tooth-paste]

I love the introduction on home.

http://www.drewpritchard.co.uk

[Ivan Gretsky]

Use the dev tools, padawan !

A slideshow with a button on top of the page with position fixed and z-index + some javascript to make it go away.

Edit: it is not even on top - the enter button is a link. A padawan answer)

[adrian]

Can I just say that even though it looks cool, it is almost as bad as a 90's splashscreen to me - please don't help to perpetuate the return of that evil!

PS - I wouldn't mind it so much if it went straight to the slideshow - but the delay on his name when I can't do anything is my biggest beef with it.

[diogo]

And css animations. I simplified their code to demonstrate:

div {
  animation-name: enter_animation;
  animation-duration: 6s;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  opacity: 0;
}
#first {
  animation-delay: 0;
}
#second {
  animation-delay: 4s;
}
#third {
  animation-delay: 8s;
}

@keyframes enter_animation {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

http://codepen.io/diogo-ed/pen/pywjxN

Edited March 25, 2016 by diogo
small changes on the code

[Motivator]

And css animations. I simplified their code to demonstrate:

div {
  animation-name: enter_animation;
  animation-duration: 6s;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
}
#first {
  animation-delay: 0;
}
#second {
  animation-delay: 6s;
}
#third {
  animation-delay: 12s;
}

@keyframes enter_animation {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

http://codepen.io/diogo-ed/pen/pywjxN

Thank you diogo! And also done with such a small peach of code.

[netcarver]

There is a keyframe animation module for PW, if interested.