일상을 디자인하는 개발자

▶ 보통은 컴퓨터 프로그램 화면 좌표를 가로는 x축 세로는 y축이며 왼쪽 위에 위치하는 점이 영점으로 볼 수 있다. 여기에 z축을 추가 하면 3차원 화면 좌표로 확장이 되는 것 입니다. 간단한 예시를 보겠습니다. See the Pen by yeojinho (@yeojinho) on CodePen. ▶ 2차원 변환 함수 변환 함수 설명 translate(translateX, translateY) 특정 크기 만큼 이동함 translateX(transrateX) X축으로 특정 크기 만큼 이동 translateY(transrateY) Y축으로 특정 크기 만큼 이동 scale(scaleX,scaleY) 특정 크기만큼 확대 및 축소 scaleX(scaleX) X축으로 특정 크기 만큼 확대 및 축소 scaleY(sc..

ex) animation 속성 설명 animation 모든 animation을 한 번에 적용 animation-delay 이벤트 발생 후 몇 초 후에 재생할지 지정 animation-direction 애니메이션 진행 방향 설정 animation-duration 애니메이션 몇 초 쓸지 지정 animation-timing-function 수치 변형 함수를 지정 animation-play-state 애니메이션 재생 상태를 지정 animation-iteration-count 애니메이션 반복 횟수를 지정 animation - name 애니메이션 이름을 지정 예시) See the Pen by yeojinho (@yeojinho) on CodePen. ▶ animation-direction 속성 ▶ animation..