background animate

W3Cschool을 보다가 발견! css3의 animate를 이용해서 백그라운드를 animate할수도 있다 ㅋㅋㅋㅋ IE에서는 IE10버전부터 작동하는거 같다. animate를 하도 사용하지 않다보니 다 까먹었긴한데,

 

animate할 대상에 백그라운드를 주고,

 

-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 5s infinite;

 

이렇게 기본적인 mymove라는 animate를 써준다. animate를 정의하는 방법은

 

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {background-position: center;}
}

/* Standard syntax */
@keyframes mymove {
    50% {background-position: center;}
}

 

이렇게! :)

 

 

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_anim_background-position