Fadein Effect to Web Page on Page Load

Add the following styles to your stylesheet or as internal styles and you are ready.

@keyframes pageFadeIn {
  from { opacity:0; }
  to { opacity:1; }
}
@-moz-keyframes pageFadeIn {
  from { opacity:0; }
  to { opacity:1; }
}
@-webkit-keyframes pageFadeIn {
  from { opacity:0; }
  to { opacity:1; }
}

body{
  opacity: 0;
  animation: pageFadeIn ease-in 1;
  animation-fill-mode:forwards;
  animation-duration:0.15s;
  animation-delay: .1s;
}