4.3-4.4

4.3

 

애니메이션 만들기

 

@keyframes 애니메이션 이름{

from {transform:rolate(0);

}

to{ transform:rolateY(180deg) translate(100px);

}

img {

border: 5px solid black;

border-radious: 40%;

animation: 애니메이션이름 5s ease-in-out infinite;

}

infinite=새로고침할 필요없이 애니메이션을 계속 움직일 수 있다

 

4.4

애니메이션 만드는거 재밌다