.lazy-image-fadein { animation: lazy-image-fadein 330ms ease-in normal both; } .lazy-image-fadein-fast { animation: lazy-image-fadein 160ms ease-in normal both; } @keyframes lazy-image-fadein { from { opacity: 0; } to { opacity: 1; } } .lazy-image-fadein { opacity: 0; -webkit-animation-duration: .8s; -moz-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: popInAnimation; -moz-animation-name: popInAnimation; -o-animation-name: popInAnimation; animation-name: popInAnimation; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0,0,.5,1); -moz-animation-timing-function: cubic-bezier(0,0,.5,1); -o-animation-timing-function: cubic-bezier(0,0,.5,1); animation-timing-function: cubic-bezier(0,0,.5,1); } @keyframes popInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } }