반응형
transform회전방향
-
<HTML/CSS> Transform 1 : 기본개념 이해컴퓨터 알아가기/HTML CSS 2022. 9. 22. 19:30
CSS Animation 기초는 Rock's Easy Web을 기본으로 공부하고 있습니다. 지금부터는 Transform에 대한 내역을 공부를 해보도록 하겠습니다. Transform은 말 그대로 전송하고 변형시키는 겁니다. 이 과정에서는 관점(Perspective)에 대한 이해를 하는게 포인트입니다. 관점이란 바라보는 기준점이라 생각하면 됩니다. 역시 개발자들이 사용하는 더미이미지 사이트인 placeimg.com 에 접속하여 연습용 사진을 가지고 알아보도록 하겠습니다. 참고로 더미이미지 사이트인 만큼 저장할 때 마다 그림이 바뀌는 것은 감안하고 보기 바랍니다. 다음과 같이 HTML 내용을 작성하고 브라우저를 보면 다음과 같이 나옵니다. 상기 이미지를 우측으로 더 정확히는 X축으로 100px 움직이는 애니메..