애니메이션1 CSS: 애니메이션 적용하기 애니메이션은 무언가를 움직이게 해줄수 있는 효과이다. html에는 박스를 하나두고, style에서 작성한다. @keyframes ani { from { transform: translate(0,0) } to { transform:translate(300px,0) } } @keyframes 애니메이션이름 { } 괄호안에는 from,to도 가능하지만 0% 30% 70% 100%처럼 구간설정도 가능하다. transform에는 적용할 효과를 작성해주면 되고, translate(이동)외에도 rotateY,X(회전), opacity, color등 다양하게 지정이 가능하다. 적용을 할 때는 .box { width:100px; height:100px; background-color:darkseagreen; animat.. 2020. 5. 14. 이전 1 다음