This gist is for fade in animation of text when page loads

fade-in-text.css

div {
  opacity: 0;
  animation: fadeIn 1s 0.5s forwards
}

@keyframes fadeIn {
  100% {
    opcaity: 1
  }
}

{/* you can also use this to translate icons and images on load using scale(0, 0) to scale (1,1) 
  just like flipkart mweb app 
  */}