transform
![[2021/12/30]국비지원 CSS3 10-(1) 29일 과제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnSmJ2%2FbtrseRhre3C%2F0S3Fb52jByriMJ8BoKCMG0%2Fimg.jpg)
[2021/12/30]국비지원 CSS3 10-(1) 29일 과제
폴라로이드 겹치기 주제 : transform, webfont 활용 : position, z-index 작업내용 여름이 깊어가고 있었다 여름이 깊어가고 있었다 여름이 깊어가고 있었다 결과물
![[2021/12/29]국비지원 CSS3 9-(7) transform, transform-origin](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FKF1Oa%2FbtrsaR98Auy%2FIKHAb2Y3quPqKKwmlOmQv0%2Fimg.jpg)
[2021/12/29]국비지원 CSS3 9-(7) transform, transform-origin
transform : 변형 rotate : 회전각 필요한 것 transform-origin : 회전 기준점 scale : 사이즈 scale scale-x scale-y skew : 기울기각 skew skew-x skew-y translate : 이동 translate translate-x translate-y translate, skew 특 : 1개 값만 있으면 x축 우선권 transform-origin 미반영 transform-origin 반영 ( scale, skew,translate 경로 변경으로 이미지 숨김 ) 결과물 결과물2