animation속성 forwards, willchange

animation 속성 
forwards는  keyfrmaes마지막 속성 값을 애니메이션이 끝나고나서도 유지한다

@keyframes hideSplashScreen{
    from{
        opacity:1;
    }
    to{
        opacity:0;
        visibility: hidden; /* 마우스에걸리지 않게 빼는 것
        but ,element는 그대로 남아있다.chrome 개발자도구에서 확인 가능 함.  없애고싶다면 자바스크립트 사용해야함*/
        }
}
 /*opacity가 0이 된 상태로 유지하는 거지 element가 사라진 것이 아니라 다른 다른 버튼 클릭 안됨*/

animation 속성 willchange
will-change: transform;브라우저에게 어떤 것이 변경 될 것인지 미리 말해주는 것 
주로 흔들리거나 문제가 있을 때 사용하면 해결 됨