[CSS] @keyframes(ing)

@keyframes

• 스테이지들을 정의하고 각 구간마다 다른 스타일을 적용 시킬때 쓰는 쿼리 
  • 우리가 정한 이름 
  • 스테이지 : 0%-100%, from(0&와 같음) 그리고 to(100%와 같음)
  • CSS 스타일 : 각 구간에 적용시킬 스타일 
• 페이지 넘어갈 때, 서서히 페이지 보이게 하기 

.container { //css 
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
animation: fadein 2s;
}


@keyframes fadein { //keyframes 쿼리 
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}